2014-09-24 82 views
0

好的。我的頁面中有如下所示的span元素。jQuery獲取具有特定類名稱的SPAN值

<span class="Jens">Bill Gates</span> 
    <span class="noJens">Martin Reid</span> 
    <span class="Jens">Jeff Bezos</span> 
    <span class="Jens">Mark Zuckerberg</span> 
    <span class="noJens">Nameless Dude</span> 
    <span class="Jens">Jack Ma</span> 
    <span class="Jens">Larry Ellison</span> 

我希望獲取與類名的所有跨度值Jens &需要的值與一些空間分離或斷裂。

我設法通過給出以下代碼來獲取值。但是如何用空格或分隔符分隔每個條目?

$("span[class='Jens']").text(); //Outputs Bill GatesJeff BezosMark ZuckerbergJack MaLarry Ellison 

我可以通過遍歷每個元素實現所需的輸出。但是有沒有一種方法可以在上面的單個語句中用空格或\n分隔每個條目?

回答

4

你可以讓他們使用逗號seprated:

$('.Jens').map(function() { return $(this).text(); }).get().join(); 

Working Demo

對於在\n通參數\n加入他們join方法:

語法加入:數組。加入(分離器)

$('.Jens').map(function() { return $(this).text(); }).get().join("\n") 

Working Demo with \n

+0

真的嗎?曾聽說過'.'類選擇器? – Alex 2014-09-24 07:45:55

+0

@SteveFenton我對帶語法錯誤的另一個版本發表了評論。 – dfsq 2014-09-24 07:46:58

+0

@SteveFenton是的,所以寫'span.classname'? – Alex 2014-09-24 07:47:39