如果条件为真，则将类添加到父元素

Question

I am trying to apply a class to a child's parent element if the conditions are true but cannot seem to get it to work. In short, I want to check a table for a cell that is the number "0" and hide its parent row.

I have created a basic jsfiddle of what I have done: http://jsfiddle.net/immbudden/YbZPE/3/

And the snippet of jquery that I have put together:

if ($('#the_table>table>td:contains("0")').length === 1) {
    $(this).parent("tr").addClass("hidden");
}

I am still learning jQuery and javascript and this is probably something small, but I can't seem to put my finger on it!

Any help would be much obliged, thanks in advance!

Answer 1

$('td', '#the_table > table').each(function() {
    if ($(this).text() === '0') {
        $(this).parents("tr").addClass("hidden");
    }
});

FIDDLE

Answer 2

Use your browser's developer tools! Or Get Firebug .

With that page loaded, try this in the javscript console:

$('#the_table>table>td:contains("0")')

If that gives you

[ ]

then it's not finding any elements. Then you can try breaking it down, for example, see if this works:

$('#the_table>table>td')

And keep taking out and adding bits of that expression until it produces true or false as you require.

Answer 3

you can do it like this,

$('#the_table table td').filter( function (index) {
    return $(this).text() == '0';
}).parent("tr").addClass("hidden");

http://jsfiddle.net/YbZPE/5/

Answer 4

First you have to get teh cell, if you want the first use eq(0):

$cell = jQuery('#the_table tr td:eq(0)');

then you have to put the class on the parent row:

$cell.parent("tr").addClass("hidden");

The following code will do it.

jQuery('#the_table tr td:eq(0)').parent("tr").addClass("hidden");