我有一个像下面这样的表结构,当我单击链接时,我想使用JQuery来过滤表单元格的显示。例如,如果我有一个看起来像<a href="#" title="cat">show cats</a>
的链接,我想隐藏除其中包含“ cat”一词的所有表格单元格。我想我可以结合使用“ attr”,“ contains”和“ hide / show”,这样我就可以获取所单击链接的title属性,然后将其与表格单元格中的文本匹配最后显示/隐藏我想要的单元格,但是理论和实现是两个不同的东西,我什至不确定这是否行得通或如何将它们组合在一起,所以我想我会向这里的专家咨询一下。
<table>
<tr>
<td>cat</td>
<td>cat</td>
</tr>
<tr>
<td>dog</td>
<td>dog</td>
</tr>
<tr>
<td>horse</td>
<td>horse</td>
</tr>
</table>
最佳答案
尝试这个:
$('a').click(function(e){
e.preventDefault(); // prevents default action of the anchor
var con = $(this).attr('title');
$('td').hide();
$('td:contains("'+ con +'")').show()
})
DEMO