jquery - 使用有效样式使用 jQuery 查找 HTML 元素(从 CSS 类继承的样式，而不是在元素上显式)

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

  }
});