JQuery hide rows when specific column row value is null

Question

Having the following table how can i use jquery to only return the rows where the person has a phone no?

<table>
  <tr>
    <th>Name</th>
    <th>Phone</th>
    <th>E-mail</th>
  </tr>
  <tr>
    <td>John</td>
    <td>123456</td>
    <td>[email protected]</td>
  </tr>
  <tr>
    <td>Joe</td>
    <td></td>
    <td>[email protected]</td>
  </tr>
  <tr>
    <td>Phil</td>
    <td>654321</td>
    <td>[email protected]</td>
  </tr>
</table>

E.g only John and Phil would be shown since only they have phone no.

Giannis Grivas · Accepted Answer · 2014-10-11 21:15:30Z

1

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

Demo here : http://jsfiddle.net/csdtesting/gLwevx2u/

answered Oct 11, 2014 at 21:15

Giannis Grivas

3,4242 gold badges22 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery hide rows when specific column row value is null

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related