jQuery: นับจำนวนองค์ประกอบรายการ?

ฉันมีรายการที่สร้างขึ้นจากโค้ดฝั่งเซิร์ฟเวอร์ก่อนที่จะเพิ่มสิ่งพิเศษลงไปด้วย jQuery ฉันต้องหาว่ามีกี่รายการอยู่แล้ว

<ul id="mylist">
    <li>Element 1</li>
    <li>Element 2</li>
</ul>

ลอง:

$("#mylist li").length

แค่อยากรู้: ทำไมคุณต้องรู้ขนาด? คุณไม่สามารถใช้:

$("#mylist").append("<li>New list item</li>");

เหรอ?

var listItems = $("#myList").children();

var count = listItems.length;

แน่นอนคุณสามารถย่อสิ่งนี้ได้ด้วย

var count = $("#myList").children().length;

หากต้องการความช่วยเหลือเพิ่มเติมเกี่ยวกับ jQuery http://docs.jquery.com/Main_Pageเป็นจุดเริ่มต้นที่ดี

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

$("#mylist li").length

ฉันคิดว่าสิ่งนี้ควรทำ:

var ct = $('#mylist').children().size(); 

และแน่นอนสิ่งต่อไปนี้:

var count = $("#myList").children().length;

สามารถย่อเป็น: (โดยการลบ 'var' ซึ่งไม่จำเป็นในการตั้งค่าตัวแปร)

count = $("#myList").children().length;

อย่างไรก็ตามสิ่งนี้สะอาดกว่า:

count = $("#mylist li").size();

ลอง

$("#mylist").children().length

นับจำนวนองค์ประกอบรายการ

alert($("#mylist > li").length);

อีกวิธีหนึ่งในการนับจำนวนองค์ประกอบรายการ:

var num = $("#mylist").find("li").length;
console.log(num);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="mylist">
  <li>Element 1</li>
  <li>Element 2</li>
  <li>Element 3</li>
  <li>Element 4</li>
  <li>Element 5</li>
</ul>