使用有效样式（使用从CSS类继承的样式，未在元素上显式）的jQuery查找HTML元素

Question

我有一个样式为text-decoration-line的CSS类，以及一个使用此类的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

  }
});