jQuery-選擇器以運行函數

Question

我如何使用以下代碼在任何具有.p11button類的div上運行一個函數，該類也有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 - 這將始終評估為true！ 此外，選擇器中的空格意味着您將使用類p11按鈕選擇div的后代。

Answer 2

您可以使用方括號按元素的屬性選擇元素：

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

這是一個演示： http ： //jsfiddle.net/2uE4s/

這將使用p11-button類選擇所有div元素，並在其style屬性中包含display:block （僅出於示例目的，然后我更改所有選定元素的CSS color屬性以顯示您不需要.each() ）。

這是jQuery中選擇器的文檔： http : //api.jquery.com/category/selectors/

Answer 3

像這樣的東西？

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