Ajouter href aux liens dynamiquement

Question

J'ai une série de boîtes div horizontales dont j'ai besoin pour ajouter le href pertinent pour lier au suivant avec des liens d'ancrage. Comme ils sont produits dynamiquement, j'ai besoin d'ajouter le href avec JavaScript.

L'effet désiré sera:

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

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

Ajouté le script

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

mais ne semble pas cibler la classe .next-video, c'est la version live: http://www.warface.co.uk/clients/detail-shoppe/test-scroll

Merci beaucoup

Answer 1

Vous pouvez faire quelque chose comme cela en utilisant .attr():

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

Depuis jQuery 1.4+, .attr() prend fonction ce qui en fait très propre (et moins cher à courir).

Ou si vous ne connaissez pas le numéro de poste (par exemple, ils sont tout simplement pas dans l'ordre numérique), vous pouvez l'obtenir à partir de la prochaine <div>, comme ceci:

$("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)); 
});