Ruft ein Array mit Listenelementinhalten in jQuery ab

Ich habe eine Struktur wie diese:

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

Wie verwende ich Javascript oder jQuery, um den Text als Array abzurufen?

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

Mein Plan danach ist es, es zu einem String zusammenzusetzen, wahrscheinlich unter Verwendung .join(', '), und es in einem Format wie diesem zu erhalten:

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

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

... sollte den Trick machen. Um die endgültige Ausgabe zu erhalten, die Sie suchen, join()und einige Verkettungen sind gut geeignet:

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

Ohne redundante Zwischenarrays:

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

Siehe jsfiddle- Demo

Und in sauberem Javascript:

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

alert(texts);

Kimstik war nah dran, aber nicht ganz.

So geht's in einem praktischen Einzeiler:

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

Hier ist die vollständige Dokumentation für die Kartenfunktion von jQuery. Sie ist sehr praktisch: http://api.jquery.com/jQuery.map/

Um vollständig zu antworten, finden Sie hier die vollständige Funktionalität, nach der Sie gesucht haben:

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

var arr = new Array();

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

Sie können wie folgt vorgehen. Eine Codezeile reicht aus

• let array = $('ul>li').toArray().map(item => $(item).html());

• Holen Sie sich das interessierte Element

  1. Kinder bekommen

  2. Holen Sie sich das Array von der toArray () -Methode

  3. Filtern Sie die gewünschten Ergebnisse heraus

let array = $('ul>li').toArray().map(item => $(item).html());
console.log(array);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>text1</li>
  <li>text2</li>
  <li>text3</li>
</ul>