如何利用jquery 实现表格的简单筛选
2个回答
展开全部
比如,你想怎么筛选,可以用jQuery获取表单的内容进行判断
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2016-11-14 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>main.html</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
jQuery (function ($)
{
var table = $ ('table'), text = $ (':text');
$ ('button').click (function ()
{
table.find ('tr').hide ();
table.find ('tr:contains("' + text.val () + '")').show ();
});
});
</script>
</head>
<body>
<table>
<tr>
<td>1111</td>
<td>3333</td>
</tr>
<tr>
<td>555</td>
<td>888</td>
</tr>
</table>
<input type="text" />
<button>test</button>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>main.html</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
jQuery (function ($)
{
var table = $ ('table'), text = $ (':text');
$ ('button').click (function ()
{
table.find ('tr').hide ();
table.find ('tr:contains("' + text.val () + '")').show ();
});
});
</script>
</head>
<body>
<table>
<tr>
<td>1111</td>
<td>3333</td>
</tr>
<tr>
<td>555</td>
<td>888</td>
</tr>
</table>
<input type="text" />
<button>test</button>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询