jQuery突出显示找到的charachters：contains？

Question

我有一个包含一些内容的大清单 例如：

<ol>
    <li id="1">Content1</li>
    <li id="2">Content2</li>
    <li id="3">Content3</li>
    <li id="4">Content4</li>
    <li id="5">Content5</li>
    <li id="6">Content6</li>
    <li id="7">Content7</li>
    <li id="8">Content8</li>
    <li id="9">Content9</li>
    <li id="10">Content10</li>
    <li id="11">Content11</li>
    <li id="12">Content12</li>
    <li id="13">Content13</li>
</ol>

现在我做这样的js：

$("li").hide();
$("li:contains('Content1')").show();

这只会使Content1可见，但我想要的是还应突出显示找到的字符，可能只为这些字符或任何其他方法添加一个类

我该怎么办？

Answer 1

Demo

$("li:contains('Content1')").each(function(){
    var content = "Content1";
    this.innerHTML = this.innerHTML.replace(content,"<span>"+content+"</span>")
})

这应该有用。