JQuery: Ajout d'espace entre les sélections multiples

Question

je sélectionne certains paragraphes dans un div:

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

Mon problème est que je veux ajouter un espace entre chaque sélection de telle sorte que la sortie est: « paragraphe 1 (espace) paragraphe 2 » au lieu de "paragraph1paragraph2".

Des idées?

Answer 1

Vous pouvez utiliser .map() avec .get() pour créer un tableau des paragraphes séparés, puis utiliser .join(" ") pour les joindre avec un espace entre.

Essayez ceci:

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(" "); 

La variable result devrait avoir vos paragraphes avec un espace qui les sépare.

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

EDIT: Sur la base de commentaires de @ J-P, mis à jour la récupération de texte pour être plus efficace.

Answer 2

Cela fera l'affaire:

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