只需使用jQuerys内置
text()方法。它将返回所选DOM元素中的所有字符。
对于DOM方法针对
Node接口的文档：在元素的所有子节点上运行。如果子节点是元素节点，则以递归方式运行。如果是文本节点，请搜索文本（
node.data），如果要突出显示/更改某些内容，请将该节点的文本缩短到找到的位置，然后插入带有匹配文本的highligth-
span，其余部分插入另一个文本节点的文字。
(function iterate_node(node) { if (node.nodeType === 3) { // Node.TEXT_NODE var text = node.data, pos = text.search(/any regular expression/g), //indexOf also applicable length = 5; // or whatever you found if (pos > -1) { node.data = text.substr(0, pos); // split into a part before... var rest = document.createTextNode(text.substr(pos+length)); // a part after var highlight = document.createElement("span"); // and a part between highlight.className = "highlight"; highlight.appendChild(document.createTextNode(text.substr(pos, length))); node.parentNode.insertBefore(rest, node.nextSibling); // insert after node.parentNode.insertBefore(highlight, node.nextSibling); iterate_node(rest); // maybe there are more matches } } else if (node.nodeType === 1) { // Node.ELEMENT_NODE for (var i = 0; i < node.childNodes.length; i++) { iterate_node(node.childNodes[i]); // run recursive on DOM } }})(content); // any dom node
