将索引附加到 href

Question

我有一个无序列表的链接，我需要将索引作为数字附加到其中。

所以 href="#" 读取 href="#1"、href="#2" 等。

我知道我可能需要使用.each() 但我的语法还没有达到标准。

我的一部分知道这非常简单，但我周一有一台自动取款机。

Answer 1

您的意思是所选元素集中元素的索引吗？如果是这样，您可以使用 .attr() 并向其传递一个函数：

$('a').attr('href', function(i, value) {
    return value + (i+1);
});

当然，您必须只选择您想要的链接，例如，通过为您的列表提供 ID：

$('#theList a')

---

更新：

jQuery 1.3 中似乎有一个错误.2（及之前）。 似乎旧值没有传递给回调< /a>.因此，您必须显式读取该值：

return this.href + (i+1);

当然，如果旧值始终为 # 那么您可以将其与索引连接起来：

return '#' + (i+1); 

但在这种情况下，您可以使用 each() 在这种情况下，如 @Shadow Wizard 在他的答案中显示 。将函数传递给 attr 的优点只是避免了对属性的两次访问（一次读取，一次写入），无论如何，这在 jQuery 1.3.2 中似乎不起作用。

Answer 2

好吧，今天是周日，但是..

$("#myList li").each(function(index) {
    $(this).find("a").attr("href", "#" + (index + 1));
});

实时测试用例。

Answer 3

更容易使用 .attr() 函数。

$('ul a').attr("href", function(index, cHRef) {
    return cHRef + index;
});

如果您仅限于 v1.1 之前的旧版 jQuery 实现，那么您将需要使用 .each()：

$('ul a').each(function(index, cAnchor) {
    cAnchor.attr('href', cAnchor.attr('href') + index);
});