如何使用 jQuery 选择应用了特定 CSS 属性的所有元素？例如：
.Title
{
color:red;
rounded:true;
}
.Caption
{
color:black;
rounded:true;
}
如何通过名为“rounded”的属性进行选择？
CSS 类名非常灵活。
$(".Title").corner();
$(".Caption").corner();
如何将这两个操作替换为一个操作。也许是这样的：
$(".*->rounded").corner();
有没有更好的方法来做到这一点？
【问题讨论】：
标签： javascript jquery css jquery-selectors
这是一个两年前的帖子，但它对我仍然有用，因此也许对其他人有用。这是我最终做的：
var x = $('.myselector').filter(function () {
return this.style.some_prop == 'whatever'
});
没有我想要的那么简洁，但我从来没有需要过这样的东西，除非现在，而且我认为它对于一般用途来说并不是很有效。
【讨论】：
谢谢你，比茹。我使用了您的解决方案，但使用了 jQuery .css 而不是纯 javascript，如下所示：
var x = $('*').filter(function() {
return $(this).css('font-family').toLowerCase().indexOf('futura') > -1
})
此示例将选择 font-family 属性值包含“Futura”的所有元素。
【讨论】：
您不能（使用 CSS 选择器）根据已应用于元素的 CSS 属性来选择元素。
如果您想手动执行此操作，您可以选择文档中的每个元素，遍历它们，然后检查您感兴趣的属性的计算值（但这可能只适用于真正的 CSS 属性，而不是制作像rounded）。它也会很慢。
更新以响应编辑 — group selectors:
$(".Title, .Caption").corner();
【讨论】：
与Bijou的类似。只是一点点增强：
$('[class]').filter(function() {
return $(this).css('your css property') == 'the expected value';
}
).corner();
我认为使用 $('[class]') 更好：
这是example。
【讨论】：
div.special > span > a 这样的选择器，那么优化就不够通用。
这是一个干净、易于理解的解决方案：
// find elements with jQuery with a specific CSS, then execute an action
$('.dom-class').each(function(index, el) {
if ($(this).css('property') == 'value') {
$(this).doThingsHere();
}
});
此解决方案不同，因为它不使用角、过滤器或返回。它是为更广泛的用户而设计的。
要替换的东西：
祝你好运！
【讨论】：
自定义CSS属性不继承，所以必须直接应用到每个元素上（即使你使用js动态添加属性，也应该通过添加类来实现），所以...
CSS
.Title
{
color:red;
}
.Caption
{
color:black;
}
HTML
您根本不需要定义 rounded:true 属性。只需使用“圆形”类的存在：
<div class='Title Rounded'><h1>Title</h1></div>
<div class='Caption Rounded'>Caption</div>
JS
jQuery( '.Rounded' ).corner();
【讨论】：