使用jQuery选择具有特定CSS的所有元素
使用jQuery选择具有特定CSS的所有元素
提问于 2009-08-03 06:02:30
如何使用jQuery选择所有应用了特定CSS属性的元素？例如：
.Title
{
color:red;
rounded:true;
}
.Caption
{
color:black;
rounded:true;
}如何按取整属性进行选择？
CSS类名非常灵活。
$(".Title").corner();
$(".Caption").corner();如何将这两个操作替换为一个操作。可能是这样的：
$(".*->rounded").corner();有没有更好的方法来做到这一点？
回答 4
Stack Overflow用户
回答已采纳
发布于 2009-08-03 06:20:23
您不能(使用CSS选择器)根据已应用于元素的CSS属性来选择元素。
如果您想手动完成此操作，您可以选择文档中的每个元素，循环遍历它们，并检查您感兴趣的属性的计算值(这可能只适用于真正的CSS属性，而不适用于rounded等虚构的属性)。它也会很慢。
根据编辑进行更新- group selectors
$(".Title, .Caption").corner();Stack Overflow用户
发布于 2011-08-16 23:15:29
这是一个两年前的线程，但它对我仍然有用，所以它可能对其他人也有用。这就是我最终要做的：
var x = $('.myselector').filter(function () {
return this.style.some_prop == 'whatever'
});不像我希望的那样简洁，但我从来没有需要过这样的东西，除了现在，而且在我看来，它对于一般用途来说也不是很有效。
Stack Overflow用户
发布于 2012-09-27 19:08:34
谢谢你，碧珠。我使用了您的解决方案，但使用了jQuery .css而不是纯javascript，如下所示：
var x = $('*').filter(function() {
return $(this).css('font-family').toLowerCase().indexOf('futura') > -1
})本例将选择font-family属性值包含"Futura“的所有元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1220834
复制相关文章
相似问题