Question

I am using this code to hide the element in sixth column of a table on a condition (I mean if text of span fourth column of table is “0”).

But this code just works for first row of table.
How can i do this function for all rows of target table ?

if ($('#table  tr  td:eq(4) > span').text() == "0") {
            $('#table  tr  td:eq(6) > .PrintReport').hide();
        }

Answer 1

If you could post the full HTML structure of tr then you’d get more optimized solutions. Looking at your existing code you could do something like this:

$('#table tr').each(function() {
  var text = $('td:eq(4) > span', this).text();

  $('td:eq(6) > .PrintReport', this).toggle(text != '0');
});

Notice that inside the loop I’m using this as the context in the selectors.

EDIT: Explaining some of the above code –

  //This runs the selector in the context of 'this' (the table row)
  //It is functionally equivalent to $(this).find('td:eq(6) > .PrintReport')
  $('td:eq(6) > .PrintReport', this)

  //This will .show() it if the expression evaluates to true
  //and hide if false
  .toggle(text != '0')