jquery, selector, style

Question

HI,

How can I add by jQuery, some class "test" just to what have style="display:none",

Output:

<tr style="display:none" class="test"></td></td></tr>
<tr></td></td></tr>
<tr style="display:none" class="test"></td></td></tr>>
<tr></td></td></tr>

Thanks

Answer 1

$(document).load(function() {
    $('.test').hide();
});

Answer 2

Well the ":hidden" qualifier is sort-of what you want:

$('div:hidden').addClass('test');

That's a little flaky because ":hidden" does not just apply to elements with an explicit "display:none" style. If you really want it to be robust, it would be better to give your hidden elements some other class name (even if it doesn't have any CSS effect). Then you could write:

$('div.testMe').addClass('test');

Answer 3

or if you wanna alter its style .. use

$(function() {
    $('.test').css("display", "none");
});

Answer 4

$("tr").each(function(){
  if($(this).css("display") == "none")
      $(this).addClass("test");
});

Answer 5

You could do:

$(".test[style*=none]")

or

$(".test:hidden")

or (most accurate to your question)

$(".test").filter(function() { return $(this).css('display') == 'none'; });