Динамическое добавление идентификаторов к ссылкам внутри элемента nav

Question

Я использую Superslides, это полноэкранный слайдер jQuery. Он генерирует навигационные ссылки в зависимости от количества слайдов.

Для моего случая я бы нуждался в том, чтобы эти навигационные ссылки были абсолютно расположены на разных позициях на экране. Вот код, он создает для навигации:

<nav class="slides-pagination"> 
<a class="" href="#0"></a> 
<a class="" href="#1"></a> 
<a class="" href="#2"></a> 
<a class="current" href="#3"></a> 
</nav> 

Мой вопрос, как я могу добавить идентификаторы для ссылок, так что я могу поместить каждую из которых я хочу. Или я могу использовать атрибут «href» как-то, чтобы выбрать их с помощью jQuery, потому что у каждого есть другой href?

Answer 1

Да, вы можете выбрать их с помощью JQuery и HREF-свойство:

$('a[href="#1"]').css(...); 

Answer 2

Вы можете выбрать ссылки с помощью HREF, как:

$('.slides-pagination a[href="#0"]') // Get the first link 
$('.slides-pagination a[href="#1"]') // Get the second link 

Аналогично вы можете получить любую ссылку вы хотите с конкретным href, используя Attribute Equals Selector.

Answer 3

Вы можете использовать селектор атрибута, как и другие ответы предполагают, в случае, если вы хотите добавить идентификаторы, вы можете использовать метод prop Perty или attr ibute:.

$('.slides-pagination a').prop('id', function(index) { 
    return 'id' + index; // adding IDs based on the index of selected element 
});