动态添加href到链接

Question

我有一系列水平div框，我需要添加相关的href链接到下一个带有anchorlinks的。由于它们是动态生成的，我需要使用JavaScript添加href。

期望的效果将是：

<div id="post1">
<a class="next-video" href="#post2">NextVideo</a>
</div>

<div id="post2">
<a class="next-video" href="#post3">NextVideo</a>
</div>

添加了脚本

$('.next-video').each(function(index) {
    $(this).attr('href', '#post' + (index + 2));
});

但似乎没有针对.next-video类，这是实时版本： http://www.warface.co.uk/clients/detail-shoppe/test-scroll

非常感谢

Answer 1

$('.next-video').each(function(index) {
    $(this).attr('href', '#post' + (index + 2));
});

Answer 2

你可以使用.attr()执行类似的操作：

$("a.next-video").attr('href', function(i) {
  return '#post' + (i+2);       
});

自jQuery 1.4+以来，.attr()采用了一种功能，使其非常干净（并且运行起来更便宜）。

或者，如果您不知道帖子编号（例如，他们不是数字序列），您可以从下一个<div>获取，如下所示：

$("a.next-video").attr('href', function(i) {
  return '#' + $(this).parent().next("div[id^='post']").attr('id');
});