Найти элемент HTML с помощью jQuery, используя эффективный стиль (стиль, унаследованный от класса CSS, не явный для элемента)

Question

У меня есть класс CSS со стилем text-decoration-line и элемент HTML, который использует этот класс.

Я хочу иметь возможность использовать селектор jQuery для получения элемента по стилю text-decoration-line, а не по классу CSS на элементе. Что-то вроде:

$("span[style*='text-decoration-line']")

Если я попытаюсь это сделать, jQuery не распознает стиль, унаследованный классом. Если я явно установлю стиль для элемента, он будет работать.

JSFiddle: https://jsfiddle.net/akvcwe6t/1/

Я мог бы использовать jQuery или XPath, с любым из них все в порядке.

Answer 1

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

$("span").each(function(){
  if($(this).css('text-decoration-line')!='') {
    // do something

  }
});