2016-12-29 68 views
0

使用Chrome扩展,我试图选择一个链接给定其相应的CSS计数器。我已经成功地将CSS注入到网页中,为所有标签指定一个CSS计数器,但是,当我检查元素时,数字不会出现在标签内。使用jQuery选择器(最好),我将如何选择适当的标签给定一个相应的数字?jQuery select元素与css计数器

我的网站上运行此CSS像计算器:

body{ 
    counter-reset: linkCtr 0; 
} 
a{ 
    counter-increment: linkCtr 1; 
} 
a:before{ 
    content:'[' counter(linkCtr) ']'; 
} 

当我检查元件的对没有出现在标签。我看到::之前,但是

回答

0

内容CSS属性与:: before和:: after伪元素一起使用,它们不是DOM的一部分(这就是为什么数字不出现在标签内部)并且不能通过JavaScript进行操作。

你能分享你的html代码吗?可能是我们可以使用类或特定的DOM选择

+0

是啊,找到一个解决方案,只是添加了我注入 –

+0

尝试采取另一种方法的CSS,可能是你可以使用数据属性 你可以使用'内容插入您的计数器: attr(data-counter)'并使用'$('element')。data('counter')'来访问它 – Sarhan