Comment insérer des délimiteurs après chaque élément?

Question

J'ai, dans un div, quelques hyperliens. Le nombre d'hyperliens, cependant, varie. On ne sait pas ce que ce sera. Il peut être un, deux, N. Ce qui EST connu, c'est qu'il y a toujours au moins un lien hypertexte dans la div.

J'ai, en ce moment, les liens dans ce format:

Link1 Link2 Link3 

Je veux le convertir en:

Link1 | Link2 | Link3 

Je suis confronté à deux problèmes:

1. Il est un tuyau après le dernier article - pas bon.
2. Le tuyau, qui est inséré en tant que texte de lien hypertexte, et non entre les éléments.

Pour surmonter le premier problème, j'ai essayé d'insérer le tuyau seulement si l'élément n'est pas le dernier. pour le deuxième problème, je ne sais pas quoi faire .. voici ce que je fais jusqu'à présent:

http://jsfiddle.net/KL6Ua/

Aussi, je ne sais pas s'il y a une meilleure façon de résoudre le premier problème. Conseil s'il vous plaît.

Merci ,.

Answer 1

Quelque chose comme http://jsfiddle.net/k8Fzk/?

$("<span>|</span>").insertAfter($('#divLinks a:not(:last)')); 

---

Modifier, si vous voulez simplement insérer un caractère de conduite après chaque élément, vous devez utiliser after-à-dire http://jsfiddle.net/W6RQH/:

$('#divLinks a:not(:last)').after('|'); 

Answer 2

if(index != 0) 
     $(this).prepend(delimiter); 

OK Mise à jour ..

<div id="divLinks"> 
    <span><a href="">One</a></span> 
    <span><a href="">two</a></span> 
    <span><a href="">three</a></span> 
</div> 



$(function() { 

    var NumberOfLinks = $('#divLinks a').length; 

    $('#divLinks a').each(function(index) { 
     var delimiter = " | "; 

     if(index != 0) 
      $(this).parent().prepend(delimiter); 
    }); 
}); 

Answer 3

Vous avez une liste de liens , donc n'ayez pas peur d'utiliser des balises HTML appropriées pour les listes (ul li). Ensuite, n'utilisez pas Javascript pour la décoration des éléments - CSS est un meilleur outil.

http://jsfiddle.net/PcHSM/