Javascript function.show（）不使用HTML代码-页面搜索

我找到了一些Javascript代码，它们完全符合我的要求。它在

页面中搜索您在搜索框中输入的文本

但是，它不显示（或使用）文本中的HTML标记

$（文档）.ready（函数（）{
/*最初隐藏产品列表项*/
$（“#恐龙列表li”）.hide（）；
/*突出显示匹配文本*/
var highlight=函数（字符串）{
$（“#dino list li.match”）。每个（函数（）{
var matchStart=$（this.text（）.toLowerCase（）.indexOf（“+string.toLowerCase（）+”）；
var matchEnd=matchStart+string.length-1；
var beforeMatch=$（this）.text（）.slice（0，matchStart）；
var matchText=$（this.text（）.slice（matchStart，matchEnd+1）；
var afterMatch=$（this）.text（）.slice（matchEnd+1）；
$（this.html（beforeMatch+“”+matchText+“”+afterMatch）；
});
};
/*过滤产品*/
$（“#搜索恐龙”）。在（“键控单击输入”，函数（）上）{
如果（this.value.length>0）{
$（“#恐龙列表li”）.removeClass（“匹配”）.hide（）.filter（函数（）{
返回$（this）.text（）.toLowerCase（）.indexOf（$（“#搜索恐龙”）.val（）.toLowerCase（））！=-1；
}).addClass（“匹配”）.show（）；
突出显示（此值）；
$（“#恐龙列表”）.show（）；
}否则{
$（“#恐龙列表，#恐龙列表li”）.removeClass（“匹配”）.hide（）；
}
});
});
输入[类型=文本]{
宽度：200px；
填充：8px 10px；
}
李恩{
背景:#ff6；
字体大小：粗体；
字体风格：普通；
}


Diplo
docus
剑龙

三角龙
翼手龙
霸王龙
原角龙
鬣蜥
速度捕捉器

试试这个


$（函数（）{
$（'#恐龙列表>li'）.hide（）；
$（“#搜索恐龙”）.on（'keyup'，function（）{search（this.value）}）
})
函数搜索（txt）{
变量目标=$（“#恐龙列表”）；
//重置内容
var content=target.html（）；
if（target.data（'content'）！='undefined'）{
html（target.data（'content'）；
}其他目标。数据（“内容”，内容）；
$（'#恐龙列表>li'）.hide（）；
如果（txt！=''）{
//开始搜索
$（“#恐龙列表”）.find（“*”）.contents（）.each（函数（）{
if（this.nodeType==3）{
//用“em”换行文本节点
$（this.replaceWith）（this.nodeValue.replace（新的RegExp（“（“+txt+”）”，“gi”），“$1”））
}; 
});
//用em显示li
$（'em'，target）.each（函数（）{
$（this.closest（'li'）.show（）；
})
}
}


Diplo
docus
剑龙
三角龙
翼手龙
霸王龙
原角龙
鬣蜥
速度捕捉器
因为您正在使用
text（）
谢谢。正在尝试.html（），但似乎无法（目前）将其正确地固定下来。一切正常，但这一行现在让我感到悲伤；（
$（this）.html（beforeMatch+“”+matchText+“”+afterMatch）；
如果我把它注释掉，所有结果都会按我喜欢的方式返回。有了它，高亮显示就变得很扭曲，到处都是高亮显示，这正是我所追求的。我会研究代码。谢谢！！！