使用有效样式(使用从CSS类继承的样式,未在元素上显式)的jQuery查找HTML元素

雷纳托·陈辛斯基

我有一个具有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,两者都可以。

克拉维米尔

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

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

  }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用 jQuery 查找具有特定类和 CSS 样式的元素?

对整个元素类进行JavaScript有效的样式更改

空样式元素具有有效的CSS规则?

CSS-In-Js 在一个 html 元素上使用带有字符串类名称的 aphrodite 样式对象

使用JQuery更改同一类中所有元素的CSS样式

无法使用CSS设置Jquery元素的样式

CSS-HTML样式元素无法使用样式

用JS生成多个html元素时,最有效的样式样式是什么?

获取从类* not *样式属性继承的元素样式

仅具有特定类的表的元素上的CSS样式

使用jQuery设置元素样式

使用javascript编辑类(不是元素上的内联样式)

如何使用Robot Framework查找特定html元素的CSS样式属性?

Javascript-使用类向元素添加CSS样式

单击时保持元素的悬停样式有效

使用CSS设置绘制到画布上的元素的样式

自定义HTML元素是否继承父CSS样式?

使用带有CSS模块的ReactJS样式化SVG元素

CSS-有关针对特定样式规范使用多个小类或对常用元素使用具有完整样式的单个类的意见

使用JavaScript更改样式表中没有的类样式(不是单个元素)

在元素上覆盖CSS样式

AngleSharp CSS使用路径查询元素样式

如何使用CSS设置画布元素的样式

元素样式上的条件 jQuery

使用jQuery更改父元素样式

Bootstrap HTML元素未使用样式呈现

使用Javascript获取HTML元素样式

如何使用PHP设置HTML元素的样式

文档样式表使用伪选择器获取元素上的所有样式