Question

如何使用以下代码在任何具有.p11button类display:block的div上运行函数？

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/

这会选择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*/);

jQuery - 运行函数的选择器

3 个答案: