Dapatkan array konten elemen daftar di jQuery

Saya memiliki struktur seperti ini:

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

Bagaimana cara menggunakan javascript atau jQuery untuk mendapatkan teks sebagai array?

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

Rencana saya setelah ini adalah merakitnya menjadi string, mungkin menggunakan .join(', '), dan mendapatkannya dalam format seperti ini:

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

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

... harus melakukan triknya. Untuk mendapatkan hasil akhir yang Anda cari, join()ditambah beberapa penggabungan akan bekerja dengan baik:

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

Tanpa larik perantara yang redundan:

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

Lihat demo jsfiddle

Dan dalam javascript bersih:

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 memang mirip, tapi kurang tepat.

Berikut cara melakukannya dalam satu baris yang nyaman:

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

Berikut dokumentasi lengkap untuk fungsi peta jQuery, ini cukup berguna: http://api.jquery.com/jQuery.map/

Sekadar menjawab sepenuhnya, inilah fungsionalitas lengkap yang Anda cari:

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

var arr = new Array();

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

Anda dapat melakukan sebagai berikut. satu baris kode sudah cukup

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

• Dapatkan elemen yang menarik

  1. mendapatkan anak

  2. dapatkan array dari metode toArray ()

  3. filter hasil yang Anda inginkan

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>