html部分:
检索:<input type="text" name="index" id="index" />
<ul>
<li>我的名字叫大笨</li>
<li>我是一个中国人</li>
<li>个人博客地址是www.deeka.cn</li>
<li>学习jQuery有一年了</li>
<li>最喜欢的动物是女人</li>
<li>最讨厌的动物是和我抢女人的男人</li>
<li>闲来无事帮你写个脚本</li>
<li>不用谢,非谢不可就给我打1wRMB到我的帐号,回头把银行密码给你</li>
</ul>
js部分:
<script type="text/javascript"> <!-- $(function(){ $('#index').keyup(function(){ var index = $.trim($('#index').val().toString()); if(index == ''){ $('li').removeClass('focus');return false; } var parent = $('ul'); $('li').removeClass('focus'); $("li:contains('" + index + "')").addClass('focus').prependTo(parent); }); }); //--> </script>
css部分:
<!--
.focus{ font-weight:700; color:red;}
-->