利用jquery通过某个关键字过滤列表,符合的句子变红,并排在前面

xiaoxiao2026-08-28  2

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;} -->   相关资源:敏捷开发V1.0.pptx
转载请注明原文地址: https://www.6miu.com/read-5051993.html

最新回复(0)