Jquery 动态添加ID'；导航元素内部的链接

我使用的是超级滑块，它基本上是一个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添加到链接中，以便将每个ID定位到我想要的位置。或者我是否可以使用“href”属性在jQuery中选择它们，因为每个属性都有不同的href？

是的，您可以使用jQuery和href属性选择它们：

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

---

您可以使用href选择链接，如：

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

---

类似地，您可以使用获取特定href的任何链接。

您可以按照其他答案的建议使用属性选择器，如果您想添加ID，您可以使用

prop

perty或

attr

ibute方法：

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

它应该是

$（'.slides pagination a'）

，而不是

$（'.slides pagination'）

，因为OP希望向链接添加ID