使用jQuery查找具有匹配的特定CSS属性值的所有元素？

Question

我想在网页中找到具有CSS属性“font”的所有元素，其中一个值为“700,800,900，粗体，粗体”。我怎么能用jQuery做到这一点？

<a href="http://google.com" style="font:bold;">Google</a>
<p style="font:bolder;">Test</p>
<div style="font:700;">Test</div>

Answer 1

你可以这样做：

$("*").filter(function() {
    return $(this).css("font-weight") == "bolder" || 
           $(this).css("font-weight") == "bold" || ... ; 
});

Answer 2

应该这样做：

var elements = $("*").filter(function () {
    var options = ["700", "800", "900", "bold", "bolder"];
    return $.inArray($(this).css('font-weight'), options) > -1;
});

现在您可以操作元素列表：

elements.css('background', '#f00'); // Highlights all elements with red bg.

有关如何操作DOM的示例，请参阅jQuery documentation。