применить класс к span, если встроенный стиль содержит цвет

Question

Я работаю над проектом, который использует API для извлечения исходной информации с веб-сайта. Эта необработанная информация имеет все встроенные стили, все еще неповрежденные, поэтому я хотел бы добавить класс в span, если он содержит встроенный стиль со стилем background-color: #345678. Возможно ли это с помощью Javascript/jQuery?

Мой текущий метод для удаления Стайлинг:

$(".card").removeAttr("style"); 

и я попытался использовать этот код для добавления класса, но это не похоже, чтобы быть эффективными:

$('span[style*="background-color"][style*="#345678"]').addClass('alignleft'); 

ли кто-нибудь есть идеи о том, как я могу это сделать? Благодарю.

Answer 1

Вы были очень близки по своей реализации:

$('span[style*="background-color"][style*="#345678"]').addClass('alignleft'); 

Но вы должны поместить их обоих вместе: Fiddle

$("span[style*='background-color: #345678']");