รับอาร์เรย์ของเนื้อหาองค์ประกอบรายการใน jQuery

ฉันมีโครงสร้างดังนี้:

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

ฉันจะใช้ javascript หรือ jQuery เพื่อรับข้อความเป็นอาร์เรย์ได้อย่างไร

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

แผนของฉันหลังจากนี้คือการรวมมันเป็นสตริงอาจใช้.join(', ')และทำให้มันอยู่ในรูปแบบเช่นนี้:

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

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

... ควรทำเคล็ดลับ เพื่อให้ได้ผลลัพธ์สุดท้ายที่คุณกำลังมองหาjoin()บวกการเชื่อมต่อบางส่วนจะทำได้ดี:

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

ไม่มีอาร์เรย์กลางที่ซ้ำซ้อน:

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

ดูการสาธิต jsfiddle

และในจาวาสคริปต์ที่สะอาด:

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 ก็ใกล้ แต่ไม่มาก

นี่คือวิธีการทำในซับเดียวที่สะดวก:

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

นี่คือเอกสารฉบับเต็มสำหรับฟังก์ชั่นแผนที่ของ jQuery ซึ่งมีประโยชน์มาก: http://api.jquery.com/jQuery.map/

เพื่อตอบให้ครบถ้วนนี่คือฟังก์ชันที่สมบูรณ์ที่คุณกำลังมองหา:

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

var arr = new Array();

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

คุณอาจทำได้ดังนี้ โค้ดหนึ่งบรรทัดก็เพียงพอแล้ว

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

• รับองค์ประกอบที่สนใจ

  1. รับลูก

  2. รับอาร์เรย์จาก toArray () วิธีการ

  3. กรองผลลัพธ์ที่คุณต้องการ

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>