0

我正在使用 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？

4

3 回答 3

1

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

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

同样，您可以使用Attribute Equals Selector使用特定的 href 获得所需的任何链接。

于 2013-05-11T16:32:30.260 回答
1

您可以按照其他答案的建议使用属性选择器，如果要添加 ID，可以使用pertyprop或attribute 方法：

$('.slides-pagination a').prop('id', function(index) {
   return 'id' + index; // adding IDs based on the index of selected element 
});
于 2013-05-11T16:41:48.097 回答
0

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

$('a[href="#1"]').css(...);
于 2013-05-11T16:32:28.143 回答