javascript - 在 DOM 中搜索不区分大小写的字符串

Question

我遍历每个文本节点，并寻找一个搜索字符串，无论它是否在该文本节点中可用。如果它存在，我将围绕 span 节点进行突出显示。此链接提供示例代码:。 http://jsfiddle.net/LcRDz/ .

现在，如果用户输入一个词，它只会搜索该词。 我需要在 DOM 中搜索单词而不考虑大小写。例如，如果我的搜索词是 the，它应该突出显示单词 The、THE、the。

Answer 1

在使用 indexOf 检查之前，对两个值使用 toLowercase，使比较不区分大小写。

 //Notice both n.nodeValue and word are sent to lowercase.
 for (var i;
        (i = n.nodeValue.toLowerCase().indexOf(word.toLowerCase(), i)) > -1; 
           n = after) {
             var after = n.splitText(i + word.length);
             var highlighted = n.splitText(i);
             var span = document.createElement('span');
             span.className = "spanClass";
             span.style.backgroundColor = "red";
             span.appendChild(highlighted);
             after.parentNode.insertBefore(span, after);
         }

JS fiddle : http://jsfiddle.net/LcRDz/2/