使用jQuery选择具有特定CSS的所有元素

Question

如何使用jQuery选择所有应用了特定CSS属性的元素？例如：.Title{    color:red;    rounded:true;}.Caption{    color:black;    rounded:true;}如何通过名为“圆形”的属性进行选择？CSS类名非常灵活。$(".Title").corner();$(".Caption").corner();如何将这两个操作替换为一个操作。也许是这样的：$(".*->rounded").corner();有没有更好的方法来做到这一点？

Answer 1

您不能（使用CSS选择器）根据已应用于它们的CSS属性选择元素。

如果你想手动完成这个，你可以选择文档中的每个元素，循环它们，并检查你感兴趣的属性的计算值（这可能只适用于真正的CSS属性，而不是像as rounded）。它也会很慢。

更新以响应编辑 - 组选择器：

$(".Title, .Caption").corner();

Answer 2

这是一个两年前的帖子，但它对我来说仍然有用，所以它可能对其他人有用。这是我最终做的事情：

var x = $('.myselector').filter(function () { 

    return this.style.some_prop == 'whatever' 

});

并不像我想的那样简洁，但除了现在我从来没有需要这样的东西，而且无论如何它对于一般用途都不是很有效，正如我所看到的那样。

Answer 3

我使用了你的解决方案，但使用了jQuery .css而不是纯javascript，如下所示：

var x = $('*').filter(function() {

    return $(this).css('font-family').toLowerCase().indexOf('futura') > -1

})

此示例将选择font-family属性值包含“Futura”的所有元素。