jQuery - 运行函数的选择器

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-button 类的 div 的后代。

Answer 2

您可以使用方括号按属性选择元素：

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

这是一个演示：http://jsfiddle.net/2uE4s/

这将选择具有 p11-button 类的所有 div 元素，并在其样式属性中包含 display:block （仅出于示例目的，我然后更改CSS所有选定元素的 color 属性，以表明您不需要 .each())。

以下是 jQuery 选择器的文档： http://api.jquery.com/category/selectors/< /a>

Answer 3

像这样的东西吗？

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