я нашел хороший snippet здесь на Stack, который захватывает текст из ссылки и присоединяет его к тегу, как класса:Добавление класса на основе содержания текста ссылки
$('a.nav').each(function() {
// add class with name of the link's text
$(this).addClass($(this).text());
});
Он отлично работает за исключением того, что я есть список связанных результатов поиска, которые выводят (numbers), e.g. (19)
после текста ссылки.
Так структура моего HTML после JQuery выше применяется как таковой:
<li><a class="Basic page (1)" href="#">Basic page (1)</a></li>
<li><a class="Blog (19)" href="#">Blog (19)</a></li>
<li><a class="News (4)" href="#">News (4)</a></li>
Как вы можете видеть, это не идеал. Если возможно, я хотел бы, по крайней мере, избавиться от числа в параграфах, то есть (1)
, (19)
и т. Д., А затем положить тире и текст и строчный регистр. Обратите внимание, что это результат граненного поиска, поэтому ссылки никогда не будут вместе или в одном порядке. Я просто пытаюсь применить динамические классы на основе текстового имени ссылки, чтобы я мог делать другие вещи в будущем в тематической области.
так это:
<li><a class="Basic page (1)" href="#">Basic page (1)</a></li>
... стал бы это:
<li><a class="basic-page" href="#">Basic page (1)</a></li>
Есть ли конкретная причина, вам это нужно? Это звучит очень запутанно. Вы можете использовать 'index' элемента' li' для их идентификации. –
@RoryMcCrossan проблема в том, что они являются результатами поиска для гранжевого поиска, поэтому никогда не появятся вместе или в том же порядке. –