動態添加ID對導航元素

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> 

我的問題是如何添加的ID來聯繫，所以我可以定位每個人，我想。或者，我可以使用「href」屬性以某種方式使用jQuery選擇他們，因爲每個人都有不同的HREF？

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

Answer 1

是的，你可以使用jQuery和HREF屬性選擇它們HREF使用Attribute Equals Selector。

Answer 2

您可以選擇使用href的鏈接：

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

同樣，你可以得到你想要與特定的任何鏈接

Answer 3

您可以使用屬性選擇其他答案建議，在您要添加ID的情況下，你可以使用prop perty或attr ibute方法：

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