2016-12-29 2 views
0

Используя расширение Chrome, я пытаюсь выбрать ссылку с учетом соответствующего счетчика CSS. Я успешно ввел CSS на веб-страницу, чтобы дать всем тегам счетчик CSS, однако, когда я проверяю элемент, число не появляется внутри тега. С помощью селектора jQuery (желательно), как бы выбрать соответствующий тег с соответствующим номером?элемент jQuery select с счетчиком css

я запускаю этот CSS на сайте как StackOverflow:

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

Когда я инспектировать элемент счетчик не отображается в теге. Я вижу a :: before, однако

ответ

0

Свойство CSS содержимого используется с псевдо-элементами :: before и :: after, которые не являются частью DOM (поэтому номер не отображается внутри тега) и нельзя манипулировать с помощью JavaScript.

Не могли бы вы поделиться своим html-кодом? Может быть, мы сможем найти решение, используя классы или конкретный селектор DOM.

+0

Да, просто добавлен CSS, который я вставляю. –

+0

Попробуйте воспользоваться другим подходом, возможно, вы можете использовать атрибут данных , вы можете вставить свой счетчик, используя 'content: attr (data-counter) 'и получить доступ к нему с помощью' $ ('element'). data ('counter') ' – Sarhan

 Смежные вопросы

  • Нет связанных вопросов^_^