html 突出显示,使用JavaScript突出显示html文本

我正在开发一个函数来突出html内部的div,我已经检查过一些答案,但我没有找到任何解决方案,我的情况。事情是,我居然有功能不会在同一时间,例如与2双HTML标签的工作:使用JavaScript突出显示html文本

有了这个HTML代码:

Les malalties vasculars cerebrals (MVC)

conegudes també com a feridures o ictus representen la tercera causa de

而这个功能的使用jQuery

jQuery.fn.highlight = function(pat) {

function innerHighlight(node, pat) {

var skip = 0;

if (node.nodeType == 3) {

var pos = node.data.toUpperCase().indexOf(pat);

if (pos >= 0) {

var spannode = document.createElement('span');

spannode.className = 'highlight';

var middlebit = node.splitText(pos);

var endbit = middlebit.splitText(pat.length);

var middleclone = middlebit.cloneNode(true);

spannode.appendChild(middleclone);

middlebit.parentNode.replaceChild(spannode, middlebit);

skip = 1;

}

}

else if (node.nodeType == 1 && node.childNodes && !/(script|style)/i.test(node.tagName)) {

for (var i = 0; i < node.childNodes.length; ++i) {

i += innerHighlight(node.childNodes[i], pat);

}

}

return skip;

}

return this.length && pat && pat.length ? this.each(function() {

innerHighlight(this, pat.toUpperCase());

}) : this;

};

jQuery.fn.removeHighlight = function() {

return this.find("span.highlight").each(function() {

this.parentNode.firstChild.nodeName;

with (this.parentNode) {

replaceChild(this.firstChild, this);

normalize();

}

}).end();

};

列表项

如果我搜索: “莱斯” 的作品好。

如果我搜索:“feridures”作品罚款也。

但如果我搜索“com feridures”功能不higlight我的文本。

这是我需要完成我的应用程序的唯一事情。

2013-03-14

mcones

+7

“这是我需要完成我的aplication的唯一的事情。”著名遗言 –

2013-03-14 18:49:23


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部