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添加到链接中，因此我可以将每个ID放在我想要的位置。或者我可以使用“href”属性以某种方式使用jQuery选择它们，因为每个属性都有不同的href？

Answer 1

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

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

同样，您可以使用Attribute Equals Selector获取您想要的特定href链接。

Answer 2

您可以使用属性选择器作为其他答案建议，如果您要添加ID，可以使用prop perty或attr ibute方法：

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

Answer 3

是的，您可以使用jquery和href-property选择它们：

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

动态地将ID添加到nav元素内的链接

3 个答案: