Как выбрать элемент на основе одного атрибута стиля в jquery?

Question

У меня есть <h2> с этим стилем:

<h2 style="color='#ccc'; font-size='12px'; margin='10px';"></h2> 

Как я могу выбрать, что только с 1 недвижимость? как это: $("h2[style=color='#ccc']");

Я могу сделать это со всем имуществом, как это:

$("h2[style='color=#ccc; font-size=12px; margin=10px;']"); 

Но я хочу, чтобы выбрать через только одно свойство (цвет), это возможно?

Answer 1

Вы можете использовать attribute-contains-selector:

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

---

Пожалуйста, обратите внимание, что color: '#ccc'это не действительный CSS; цветовой код не должен указываться.

Также обратите внимание, что это решение использует один селектор, но не обрабатывает не встроенный CSS, а также пробел внутри встроенного CSS.

Если вы хотите правильно обрабатывать CSS, вы должны использовать filter() - см. Пример this answer. Обратите внимание, что это может повлиять на производительность.

Также рассмотрите использование классов для логики JS.