2010-11-05 9 views
2

J'ai un groupe d'étiquettes d'ancrage que je veux séparer par des virgules.Rejoindre des éléments Dom avec un caractère dans Jquery

<!-- Current --> 
<div id="wrapper"> 
    <a href="some_url1" class="link">Something 1</a> 
    <a href="some_url2" class="link">Something 2</a> 
    <a href="some_url3" class="link">Something 3</a> 
    <a href="some_url4" class="link">Something 4</a> 
</div> 

<!-- Result After JQuery Function --> 
<div id="wrapper"> 
    <a href="some_url1" class="link">Something 1</a>, 
    <a href="some_url2" class="link">Something 2</a>, 
    <a href="some_url3" class="link">Something 3</a>, 
    <a href="some_url4" class="link">Something 4</a>, 
</div> 

EDIT: Comment puis-je faire cela en utilisant jquery?

+1

Etes-vous sûr de vouloir la virgule après la dernière chor? – Robusto

+2

Qu'y a-t-il avec le downvote? –

+0

@Robusto, C'était vraiment en fonction de comment je voulais mettre en œuvre la liste. C'est une liste en croissance dynamique. Et j'ai déjà un moyen de supprimer les virgules. Il suffit donc de supprimer et d'ajouter à nouveau toutes les virgules avant d'ajouter la liste, une solution possible (pas ce que je suis allé avec) –

Répondre

5

Utilisation after:

$('#wrapper > a:not(:last-child)').after(','); 
+0

m'a battu par 10 secondes – Jason

+2

non, battu par 1 min :) –

+0

Merci, passé freaking une heure en essayant de comprendre cela ... –

1
$('#wrapper a').after(','); 
2
$('#wrapper > a:not(:last-child)').after(','); 

si vous ne voulez pas la virgule après le dernier ...

Sinon, vous pouvez utiliser le contenu généré par CSS

#wrapper a:after 
{ 
    content: ','; 
} 
+0

La solution CSS ne fonctionnera toujours pas pour un grand nombre d'utilisateurs, bien que les choses s'améliorent ... Et bien sûr, il aurait la virgule après la dernière ancre, que je soupçonne que le PO ne veut pas vraiment bien qu'il ait fait en afficher un ... –

+1

Les exigences archaïques empêchent cela d'être une solution = ( –

Questions connexes