如何在jquery中选择基于元素的一个样式属性？

Question

我有timezone这种风格：

<h2>

如何选择只有1个属性？像这样：<h2 style="color='#ccc'; font-size='12px'; margin='10px';"></h2>

我可以对所有财产这样做，例如：

$("h2[style=color='#ccc']");

但我想通过选择一个属性（颜色），是否可能？

Answer 1

您可以使用attribute-contains-selector：

$("h2[style*='color=#ccc']")

请注意，color: '#ccc' 不是有效的CSS;不得引用颜色代码。

另请注意，此解决方案使用单个选择器，但它不处理非内联CSS，也不处理内联CSS内的空白。

如果您想正确处理CSS，则必须使用filter() - 请参阅this answer作为示例。请注意，它可能会对性能产生一些影响。

另外，请考虑使用JS逻辑类。