2010-11-05 17 views
2

我有一組錨點標記,我想用逗號分隔。在Jquery中加入Dom元素與字符

<!-- 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> 

編輯: 我將如何使用jQuery來做到這一點?

+1

是否確定要在最後一個逗號後輸入逗號楚先生? – Robusto 2010-11-05 18:16:45

+2

什麼是downvote? – 2010-11-05 18:17:47

+0

@Robusto,這真的取決於我想如何實現列表。這是一個動態增長的列表。我已經有一種方法可以刪除逗號。因此,在添加列表之前刪除並重新添加所有逗號是一種可能的解決方案(不是我所用的) – 2010-11-05 18:23:45

回答

5

使用after

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

打我10秒 – Jason 2010-11-05 18:16:53

+2

不,被1分鐘毆打:) – 2010-11-05 18:17:51

+0

謝謝,花了一小時試圖弄清楚這一點花費了... – 2010-11-05 18:20:46

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

,如果你不希望最後一個逗號後...

另外,您可以使用CSS生成的內容

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

雖然情況正在改善,但CSS解決方案仍然不適用於大量用戶...當然,最後一個錨點後面會有逗號,我懷疑OP並不真正需要,儘管他做了顯示一個... – 2010-11-05 18:24:33

+1

古老的要求,防止從一個解決方案=( – 2010-11-05 18:25:28