JQuery: Добавление пространства между несколькими выборами

Question

я выбрать несколько абзацев внутри DIV:

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

Моей проблема заключается в том, что я хочу, чтобы добавить пространства между каждым выбором, так что выход: «PARAGRAPH1 (пробел) PARAGRAPH2» а не «параграф 1 параграф2».

Любые идеи?

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

EDIT: Основываясь на комментарий от @ J-P, обновленный текст извлечения, чтобы быть более эффективным.

Answer 2

Это будет делать трюк:

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