Javascript 使用jquery后在:before/:中保存属性的任何方法
问题:我知道我无法通过jQuery编写这样的代码来访问:before和:after选择器。因为:before/:after不是DOM的一部分Javascript 使用jquery后在:before/:中保存属性的任何方法,javascript,jquery,Javascript,Jquery,问题:我知道我无法通过jQuery编写这样的代码来访问:before和:after选择器。因为:before/:after不是DOM的一部分 $(document).ready(function(e){ var beforebg = $('.SomeClass:before').css('background-color'); }) 是否有任何方法可以将值保存在变量中,或者根本没有任何方法?我知道这里讨论了一些方法,比如在上面,它说我在该类上创建另一个类并定义:before/:afte
$(document).ready(function(e){
var beforebg = $('.SomeClass:before').css('background-color');
})
是否有任何方法可以将值保存在变量中,或者根本没有任何方法?我知道这里讨论了一些方法,比如在上面,它说我在该类上创建另一个类并定义:before/:after,然后使用jQuery切换该类。但这不是我在这里的要求。我需要将该值存储在变量中,以便在脚本中使用
更新:为什么我需要将其存储在VARABLE中?请参考我的资料,了解我在做什么。当我能够将这个值存储在一个变量中时,我就能够使用each()在DOM上迭代,然后我就能够向一个元素添加一个特定的类,该元素的背景色等于存储在该变量中的颜色(在我的例子中是beforebg之前) 更新:检查此css代码
.service-content:after {
background: none repeat scroll 0 0 #eb2c33;
border-radius: 100%;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.09);
content: "";
height: 8px;
left: 274px;
margin-top: -58px;
position: absolute;
top: 50%;
width: 8px;
z-index: 3;
}
因此,我可以在变量beforebg中存储值“background”color value(在本例中为“#eb2c33”)吗?jquery中没有psudeo选择器
:before
或:after
。如果你想试试这种方法
$(document).ready(function(e){
var beforebg = $('.SomeClass').addClass('sample');
});
在样式表中
.SomeClass.sample:before,
.SomeClass.sample:after {
background: #ccc;
}
我们无法访问pseudo元素来更改其样式(以及附加任何内容)。我们可以使用
getComputedStyle
(一种纯JS方法)访问它来读取它的样式。显示一些html代码并清楚地解释您的问题/需求。您只需使用:var beforebg=$('.SomeClass').css('background-color');伪元素是否具有动态生成的背景颜色?或者,您可以将该值设置为服务内容
元素上的数据属性,并查询它吗?类似于:
?@JackPattishallJr。不,这是静态网站。所以所有的css都已经编写好了。为什么我写这个脚本是为了避免手动查找背景颜色为“#eb2c33”的元素并将其添加到这些元素中。所以,添加数据属性就像我已经在试图避免的那样-手动