`

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

阅读更多

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;}
-->
 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics