Javascript 如何在js的帮助下突出显示html中的搜索文本？
我正在用Javascript 如何在js的帮助下突出显示html中的搜索文本？,javascript,jquery,html,Javascript,Jquery,Html,我正在用JavaScript度过一段非常艰难的时期，我对jQuery一无所知。我试图在JavaScript和jQuery的帮助下突出显示页面或正文中的文本 通过努力，我管理了一个带有突出显示的搜索代码 我的HTML代码： <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="/
JavaScriptjQueryJavaScriptjQuery<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="/javascripts/application.js" type="text/javascript">
</head>
<body>
Search: <input type="text" id="text-search" />
<p>
<b>Demo </b> he new edition of KnowlEdge K12 enables your school with flexibility by wholly automating their administrative and academic processes. With IncTech’s solution for K12 schools, you can. We give you an internal infrastructure so you can share school and student information.
</p>
</body>
请不要问我更多的信息。每件事都在评论部分给出。伙计们，请帮帮我。我在你们的例子中看到的唯一问题就是这一行
<script src="/javascripts/application.js" type="text/javascript">
jQuery.fn.highlight=函数（pat）{
函数innerHighlight（节点，pat）{
var-skip=0；
if（node.nodeType==3）{
var pos=node.data.toUpperCase（）.indexOf（pat）；
如果（位置>=0）{
var spannode=document.createElement（'span'）；
spannode.className='highlight'；
var middlebit=node.splitText（pos）；
var endbit=MIDLEBIT.splitText（pat.length）；
var middleclone=middlebit.cloneNode（true）；
spannode.appendChild（middleclone）；
middlebit.parentNode.replaceChild（spannode，middlebit）；
skip=1；
}
}else if（node.nodeType==1&&node.childNodes&&！/（脚本样式）/i.test（node.tagName））{
对于（变量i=0；i
$（函数（）{
$（“#文本搜索”）.bind（'keyup change'，function（ev）{
//引入新值
var searchTerm=$（this.val（）；
//删除所有突出显示的旧术语
$（'body'）.removeHighlight（）；
//如果为空，则禁用高亮显示
如果（搜索术语）{
//突出新学期
$（'body'）。突出显示（searchTerm）；
}
});
});
查找（搜索词）<script type="text/javascript">