ansaurus

Question

Using jquery to execute border:none and background-color:white on empty cells

Answer 1

+1 A:

Instead of looping for the row, you need to loop over each cell, like this:

$(function() { //so it runs when the DOM is ready
  $(".big_conv_tbl tr td").each(function() {
    if ($.trim($.text([this])) == '') {
      $(this).css('background-color','white');
    }
  });
});

In this case we're using $.trim() on the $.text() of the object, rather than the .html() (which would still have content (the " "). $.text() is just a more efficient way to get the text out, since we don't need to create another jQuery object here.

Nick Craver 2010-08-05 21:38:59

Thanks for the quick response . Silly of me to forget "td" but it still doesn't work :(le : still won't work . I'll try on another table

andrei 2010-08-05 21:42:07

@andrei - Did you change the rest like my example, or just add the `td` to your original code? :)

Nick Craver 2010-08-05 21:45:12

It seems $(".big_conv_tbl tr td").each(function() doesn't go through each td .

andrei 2010-08-06 09:48:09

@andrei - In that case, I need to see your table's HTML :)

Nick Craver 2010-08-06 09:51:26

@Nick please see the example I posted above

andrei 2010-08-06 10:10:03

@andrei - Ah, your problem is it's running too early :) wrap it in a `document.ready` handler like my updated answer above :)

Nick Craver 2010-08-06 10:16:20

Thank you very much Nick , works wonderful . But in my Drupal setup it doesn't work , like .css has higher priority than .js

andrei 2010-08-06 10:52:35

@andrei - That shouldn't be the case, you getting any errors or anything? What version of jQuery?

Nick Craver 2010-08-06 10:56:08

@Nick ver. 1.2.6

andrei 2010-08-06 11:04:24

@andrei - Ah, 1.2.6 had a different text function, hadn't been optimized yet, change the `if` line to this: `if ($.trim($(this).text()) == '') {`

Nick Craver 2010-08-06 11:10:09

Yep , thank you very much Nick . Have a good life :)

andrei 2010-08-06 11:16:58

ansaurus

tags:

views:

answers:

Using jquery to execute border:none and background-color:white on empty cells

related questions