Question

I want to use jQuery to check if the 2nd cell in each table row of a table contains any text, if the 2nd cell doesn’t contain any text then set the table row to display: none;

Whats the best way to go about this?

HTML:

<table id="results">
  <tr>
    <td>Results</td>
    <td>1000</td>
  </tr>
  <tr>
    <td>Description</td>
    <td></td> <!-- This cell is empty so hide row -->
  </tr>
  <tr>
    <td>Time/Date</td>
    <td>14:03 22/01/12</td>
  </tr>  
</table>

Answer 1

Have a look at the :empty selector:

$('table tr').has('td:empty:nth-child(2)').hide()