我有一个像下面这样的表结构,当我单击链接时,我想使用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

07-28 02:51
查看更多