jquery - 使用有效样式查找带有 jQ​​uery 的 HTML 元素（继承自 CSS 类的样式，在元素上不明确）

Question

我有一个具有 style 的 CSS 类text-decoration-line和一个使用该类的 HTML 元素。

我希望能够使用 jQuery 选择器通过text-decoration-line样式获取元素，而不是通过元素上的 CSS 类。就像是：

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

如果我尝试这样做，jQuery 将无法识别类继承的样式。如果我在元素上明确设置样式，它就可以工作。

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

我可以使用 jQuery 或 XPath，它们中的任何一个都可以。

标签： jqueryhtmlcssxpath

Answer 1

您需要遍历每个元素并检查其计算样式。

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

  }
});