jQuery关键输入的关键字过滤table的代码
页面中有一个input和一个table，想实现input输入关键字，table动态过滤出包含关键字的行（只保留包含关键字的行）。求jQuery代码。谢谢。<!doctyp...
页面中有一个input和一个table，想实现input输入关键字，table动态过滤出包含关键字的行（只保留包含关键字的行）。
求jQuery代码。谢谢。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<input placeholder="输入文本过滤列表">
<table>
<tr>
<td>表头1</td>
<td>表头2</td>
</tr>
<tr>
<td>内容1a</td>
<td>内容2a</td>
</tr>
<tr>
<td>内容1b</td>
<td>内容2b</td>
</tr>
<tr>
<td>内容1c</td>
<td>内容2c</td>
</tr>
<tr>
<td>内容1d</td>
<td>内容2d</td>
</tr>
<tr>
<td>内容1e</td>
<td>内容2e</td>
</tr>
</table>
</body>
</html> 展开
求jQuery代码。谢谢。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<input placeholder="输入文本过滤列表">
<table>
<tr>
<td>表头1</td>
<td>表头2</td>
</tr>
<tr>
<td>内容1a</td>
<td>内容2a</td>
</tr>
<tr>
<td>内容1b</td>
<td>内容2b</td>
</tr>
<tr>
<td>内容1c</td>
<td>内容2c</td>
</tr>
<tr>
<td>内容1d</td>
<td>内容2d</td>
</tr>
<tr>
<td>内容1e</td>
<td>内容2e</td>
</tr>
</table>
</body>
</html> 展开
1个回答
展开全部
var key=$('input ').val();
$('table tr').each(function(i,item){
if($(this).text().indexOf(key)>-1){
$(this).show();
}else
$(this).hide();
});
});
$('table tr').each(function(i,item){
if($(this).text().indexOf(key)>-1){
$(this).show();
}else
$(this).hide();
});
});
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
