動態添加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)); 
});