当特定列行值为null时,JQuery会隐藏行

时间:2014-10-11 20:53:24

标签: jquery hide show-hide

如果有下表,我怎样才能使用jquery只返回此人拥有电话号码的行?

<table>
  <tr>
    <th>Name</th>
    <th>Phone</th>
    <th>E-mail</th>
  </tr>
  <tr>
    <td>John</td>
    <td>123456</td>
    <td>john@john.com</td>
  </tr>
  <tr>
    <td>Joe</td>
    <td></td>
    <td>joe@joe.com</td>
  </tr>
  <tr>
    <td>Phil</td>
    <td>654321</td>
    <td>phil@phil.com</td>
  </tr>
</table>

只有John和Phil才能出现,因为他们只有电话号码。

1 个答案:

答案 0 :(得分:1)

$('table').parent().children().find("td:nth-child(2):empty").parent().hide();

在这里演示:http://jsfiddle.net/csdtesting/gLwevx2u/