Javascript 搜索时需要高亮度字母

是小提琴，我有搜索和工作良好，但我想改变现有的代码，使字母背景突出显示，而不是总字。只有字母背景突出显示

更改此代码

$search.keyup函数{ 值=$this； 如果value.val=={ $。每个$ftz表tbody tr td，功能{ $this.css'background-color'，'rgba0,0,0'； } 回来 } $。每个$ftz表tbody tr td，功能{ 如果！$this.text.toLowerCase.indexOf$value.val.toLowerCase==-1{ $this.cssbackground-color，红色； }否则{ $this.cssbackground-color，rgba0,0,0； } }; }; 更改此项：

$(this).css("background-color", "red");

为此：

$(this).css("color", "red");

我更新了你的

你应该把你所有的衣服都换掉

$(this).css('background-color','rgba(0,0,0,0)'); 

与

及

与

这应该做到：

if(!($(this).text().toLowerCase().indexOf(searched_term) == -1)){
    $(this).html(original_text.replace(searched_term, "<mark style='background: yellow'>"+searched_term+"</mark>"));
}   
else{
    $(this).text($(this).text());   
}

基本上，我们的想法是用一个html元素替换搜索的词，这样我们就可以用css轻松地突出显示它

---

此处演示：

字母不应改变颜色。。。。。。信的背景颜色应该会改变……到目前为止你尝试了什么，因为这看起来就像你拿了一段代码，希望在不做任何事情的情况下得到一段工作代码Stack Overflow是一个问答网站，不是一个代码编写服务。谢谢。。。。。。但是如果我们在搜索框中键入内容，复选框就会丢失。。。。。。。你能修好吗it@KoteswaraRao修复了它@KoteswaraRao将小提琴更新为最新版本。第六个版本是正确的，非常感谢@aelor……。它将破坏事件并触发DOM的重新生成！

$(this).css('background-color','red'); 

$(this).css('color', 'red');

if(!($(this).text().toLowerCase().indexOf(searched_term) == -1)){
    $(this).html(original_text.replace(searched_term, "<mark style='background: yellow'>"+searched_term+"</mark>"));
}   
else{
    $(this).text($(this).text());   
}