如何使用jQuery选择所有应用了特定CSS属性的元素?例如:
.Title
{
color:red;
rounded:true;
}
.Caption
{
color:black;
rounded:true;
}
如何按取整属性进行选择?
CSS类名非常灵活。
$(".Title").corner();
$(".Caption").corner();
如何将这两个操作替换为一个操作。可能是这样的:
$(".*->rounded").corner();
有没有更好的方法来做到这一点?
发布于 2009-08-03 06:20:23
您不能(使用CSS选择器)根据已应用于元素的CSS属性来选择元素。
如果您想手动完成此操作,您可以选择文档中的每个元素,循环遍历它们,并检查您感兴趣的属性的计算值(这可能只适用于真正的CSS属性,而不适用于rounded
等虚构的属性)。它也会很慢。
根据编辑进行更新- group selectors
$(".Title, .Caption").corner();
发布于 2011-08-16 23:15:29
这是一个两年前的线程,但它对我仍然有用,所以它可能对其他人也有用。这就是我最终要做的:
var x = $('.myselector').filter(function () {
return this.style.some_prop == 'whatever'
});
不像我希望的那样简洁,但我从来没有需要过这样的东西,除了现在,而且在我看来,它对于一般用途来说也不是很有效。
发布于 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“的所有元素。
https://stackoverflow.com/questions/1220834
复制相似问题