jquery - 使用 CSS 过滤器获取元素

Question

我试图从 CSS 文件中找到所有应用了 filter 样式的元素。

例如

.fourty {

    filter:alpha(opacity=40);
}
.fifty {

    filter:alpha(opacity=50);
}
.sixty {

    filter:alpha(opacity=60);
}

我将如何捕获这些元素？

Answer 1

给有filter的元素添加class怎么样？
然后您可以执行以下操作:

var $elements = $('.yourClass');

或者如果您不想添加类，您可以执行以下操作。

var $elements = $('*').filter(function() {
    return $(this).css('filter') != 'auto';
});

我建议您将 opacity 添加到 css，因为 filter 不是跨浏览器。所以你的代码应该如下所示。

var $elements = $('*').filter(function() {
    var $element = $(this);
    return $element.css('filter') != 'auto' || $element.css('opacity') != 1;
});

demo