在显示页面的数据列表中过滤关键字

最新推荐文章于 2023-03-01 15:52:29 发布

hsh_1987

最新推荐文章于 2023-03-01 15:52:29 发布

阅读量330

点赞数

分类专栏： JQuery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/hsh_1987/article/details/84522486

版权

JQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在显示页面的数据列表中通过关键字来过滤当前页面的数据，使不满足条件有数据隐藏。如：

[img]http://dl2.iteye.com/upload/attachment/0093/4717/3b8d18de-1cb5-3ed1-bc43-56840edbfbed.jpg[/img]

JQuery代码：

<script type="text/javascript">
$(document).ready(function(){
	$("#gg").keyup(function(){
	  	var content = $(this).val();
	  	var contentArr = content.split(","); 
	  	var values = "";
	  	for(var i = 0; i < contentArr.length; i++ ){
			values += ":contains('"+( contentArr[i] )+"'),";
	  	}

	  	values = values.substring(0,values.length - 1);
      	$("tr[name='er']")
				.hide()
				.filter(values)
				.show();
      	$("#count").html("条目总数:  "+$("tr[name='er']").filter(values).length);
   }).keyup();
});
</script>