JQuery：在多個選擇之間添加空間

Question

我在div中選擇了一些段落：

$('#myDiv p.p1, #myDiv p.p2').text(); 

我的問題是我想在每個選擇之間添加空格，以便輸出爲：「paragraph1（space）paragraph2」而不是「paragraph1paragraph2」。

任何想法？

Answer 1

您可以使用.map()和.get()創建一個單獨段落的數組，然後使用.join(" ")將它們連接在一起並在它們之間留出一個空格。

試試這個：

var result = $('#myDiv p.p1, #myDiv p.p2').map(function() { 
    return $.text([this]); 
    // return this.innerHTML;    // Alternate means of getting text 
    // return this.firstChild.nodeValue; // Another alternate 
}).get().join(" "); 

的result變量應該有你的段落分隔它們的空間。

• http://api.jquery.com/map/
• http://api.jquery.com/get/
• http://www.w3schools.com/jsref/jsref_join.asp

編輯：基於@Ĵ-P，更新了全文檢索，以更有效的評論。

Answer 2

這將這樣的伎倆：

$('#myDiv p.p1, #myDiv p.p2').clone().append(' ').text()