动态添加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

你可以使用.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'); 
}); 

Answer 2

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