我有一个如下所示的表格结构,我想在单击链接时使用 JQuery 过滤表格单元格的显示。例如,如果我有一个类似于 <a href="#" title="cat">show cats</a>
的链接我想隐藏除了包含“猫”一词的单元格之外的所有表格单元格。我想我可以使用“attr”、“包含”和“隐藏/显示”的组合,这样我就可以获取我单击的链接的标题属性,然后将其与表格单元格中的文本相匹配最后显示/隐藏我想要的单元格,但理论和实现是两件不同的事情,我什至不确定这是否可行或如何将它们组合在一起,所以我想我会向这里的专家寻求一些建议。
<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()
})
关于jquery - 使用jquery过滤表格单元格的显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11387092/