Question

Im trying to write some jQuery that will hide a tr if two of the td’s contain an element with a certain class. Here is the markup.

<tr>
        <td>Name<i class="icon-warning-sign"></i></a></td>
        <td class="centered_text"><i class="icon-minus"></i></td>   
        <td class="centered_text"><i class="icon-minus"></i></td>
</tr>

So if the last two td’s contain i.icon-minus hide the tr. Which I would do by adding a class to the tr and hidding it. Can anyone help me through this?

Answer 1

I would write a simple filter like below,

Which I would do by adding a class to the tr and hidding it. Can anyone help me through this?

$('#tableId tr').filter(function () {
   return $('.icon-minus', this).length == 2;
}).addClass('hide');

or Simply

$('#tableId tr').filter(function () {
   return $('.icon-minus', this).length == 2;
}).hide();