JQuery, селектор, стиль

Question

HI,

Как я могу добавить с помощью jQuery некоторый класс "test" только к тому, что имеет style = "display: none",

Выход:

<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>

Спасибо

Answer 1

Ну, квалификатор ": hidden" вроде того, что вы хотите:

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

Это немного странно, потому что:: hidden не только применяется к элементам с явным стилем display: none. Если вы действительно хотите, чтобы он был устойчивым, было бы лучше дать вашим скрытым элементам другое имя класса (даже если он не имеет никакого эффекта CSS). Тогда вы могли бы написать:

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

Answer 2

Вы можете сделать:

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

или

$(".test:hidden")

или (наиболее точно на ваш вопрос)

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

Answer 3

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

Answer 4

или если вы хотите изменить его стиль .. используйте

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

Answer 5

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