jQuery - селектор для запуска функции

Question

Как бы я использовал следующий код для запуска функции в любом div с классом .p11button, который также имеет display:block?

if (VARIABLE = true) {
    $('div .p11-button').css('display') == 'block'
    FUNCTION HERE
}

Answer 1

Попробуйте следующее:

if (VARIABLE) {
  $('div.p11-button').filter(function() {
   return $(this).css('display' === 'block');
  }).each(function() {
    var self = $(this);
    //FUNCTION HERE
  });
}

В вашем примере кода вы присваивали переменной условие в условии - это всегда будет иметь значение true! Кроме того, пробел в вашем селекторе означает, что вы выберете потомков элементов div с кнопкой класса p11.

Answer 2

Вы можете выбрать элементы по их атрибутам, используя квадратные скобки:

$('div.p11-button[style*="display:block"]').css('color', 'red');

Вот демоверсия: http://jsfiddle.net/2uE4s/

Это выберет все div элементы с p11-buttonкласс и включите display:block в их атрибут стиля (для примера я изменяю свойство CSS color для всех выбранных элементов, чтобы показать, что вам не нужен .each()).

Здесьдокументация для селекторов в jQuery: http://api.jquery.com/category/selectors/

Answer 3

Как то так?

$('div .p11-button').filter('[style*=display:block]').each(/*function*/);