2016-12-29 71 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