Javascript 使用jquery突出显示搜索文本

我正在尝试对一个表进行搜索，我在网上找到了一个答案，并尝试了一下，效果很好

现在我想突出显示在表格单元格中找到的搜索关键字（更改文本颜色：文本颜色类=蓝色文本），我搜索了这个答案，但没有找到任何有用的东西

我的HTML是

<table class="stdtable">
  <tr>
    <td id="stdname">Name</td>
    <td id="stdreg">Reg. No.</td>
    <td id="stdparent">Parent</td>
    <td id="stdgrp">Group</td>
    <td id="action">Action</td>
  </tr>
</table>

如何突出显示搜索的文本？ 如果我搜索N，Name中的文本N应更改颜色

---

如果我清除搜索字段，我还需要清除文本的颜色

我不知道您的设置，但我会使一个类“突出显示” 并给这个类赋予属性：

color:blue

或任何其他css属性，以获得特殊结果。 然后

及

删除搜索字段时

编辑：将以上内容留给想要全部文本的人

你可以

var s = $(this).val();
var txt = $("#stdname").val().replace(s, '<span style="color: blue">' + s +  '</span>');
$("#stdname").val(txt);

var s=$（this.val（）；
var txt=$（“#stdname”）.val（）.replace（s），+s+”；
$（“#stdname”）.val（txt）；

---

请注意，如果每次打开一个键时都不从

$（“#stdname”）.val（）

中删除span语句，那么最终会出现奇怪的行为

我不知道您的设置，但我会使一个类“突出显示” 并给这个类赋予属性：

color:blue

或任何其他css属性，以获得特殊结果。 然后

及

删除搜索字段时

编辑：将以上内容留给想要全部文本的人

你可以

var s = $(this).val();
var txt = $("#stdname").val().replace(s, '<span style="color: blue">' + s +  '</span>');
$("#stdname").val(txt);

var s=$（this.val（）；
var txt=$（“#stdname”）.val（）.replace（s），+s+”；
$（“#stdname”）.val（txt）；

---

请注意，如果不将span语句从

$（“#stdname”）.val（）中剥离，则每次键启动时都会出现奇怪的行为，而不是整个字符串！只有我正在搜索的文本我修复了它。尝试类似的东西，它应该能够改变颜色。要清除，您必须删除span语句，并用
“>”
span之间的字符串替换它。而不是整个字符串！只有我正在搜索的文本我修复了它。尝试类似的东西，它应该能够改变颜色。要清除，您必须删除span语句，并将其替换为
“>”
span之间的字符串。Try？Try？
$("#stdname").removeClass("highlighted");

var s = $(this).val();
var txt = $("#stdname").val().replace(s, '<span style="color: blue">' + s +  '</span>');
$("#stdname").val(txt);