Obtenez un tableau de contenu de l'élément de liste dans jQuery

Question

J'ai une structure comme ceci:

<ul> 
    <li>text1</li> 
    <li>text2</li> 
    <li>text3</li> 
</ul> 

Comment puis-je utiliser javascript ou jQuery pour obtenir le texte comme un tableau?

['text1', 'text2', 'text3'] 

Mon plan après est de rassembler en une chaîne, en utilisant probablement .join(', '), et l'obtenir dans un format comme celui-ci:

'"text1", "text2", "text3"' 

Answer 1

var optionTexts = []; 
$("ul li").each(function() { optionTexts.push($(this).text()) }); 

... devrait faire l'affaire. Pour obtenir le résultat final que vous cherchez, join() plus quelques concaténation fera bien:

var quotedCSV = '"' + optionTexts.join('", "') + '"'; 

Answer 2

var arr = new Array(); 

$('li').each(function() { 
    arr.push(this.innerHTML); 
}) 

Answer 3

Et en javascript propre:

var texts = [], lis = document.getElementsByTagName("li"); 
for(var i=0, im=lis.length; im>i; i++) 
    texts.push(lis[i].firstChild.nodeValue); 

alert(texts); 

Answer 4

Sans tableaux intermédiaires redondants:

arr = $('li').map(function(i, el) { 
    return $(el).text(); 
}).get(); 

Voir jsfiddle demo

Answer 5

kimstik était proche, mais pas tout à fait.

Voici comment faire dans un one-liner pratique:

$.map($('li'), function (element) { return $(element).text() }); 

est ici la documentation complète pour la fonction de carte de jQuery, il est très pratique: http://api.jquery.com/jQuery.map/

Juste pour répondre pleinement, voici la fonctionnalité complète que vous recherchiez:

$.map($('li'), function (element) { return $(element).text() }).join(', ');