Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery后在:before/:中保存属性的任何方法_Javascript_Jquery - Fatal编程技术网

Javascript 使用jquery后在:before/:中保存属性的任何方法

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

问题:我知道我无法通过jQuery编写这样的代码来访问:before和:after选择器。因为:before/:after不是DOM的一部分

$(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”的元素并将其添加到这些元素中。所以,添加数据属性就像我已经在试图避免的那样-手动