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

Question

我想查找网页中具有 CSS 属性“font”且值为“700、800、900、bold、bolder”之一的所有元素。我怎样才能用 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

这应该可以做到:

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.

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