jQuery गिनती बच्चे तत्वों

Question

<div id="selected"> 
 
    <ul> 
 
    <li>29</li> 
 
    <li>16</li> 
 
    <li>5</li> 
 
    <li>8</li> 
 
    <li>10</li> 
 
    <li>7</li> 
 
    </ul> 
 
</div>

मैं <div id="selected"></div> में <li> तत्वों की कुल संख्या की गणना करना चाहते। JQuery के .children([selector]) का उपयोग करके यह कैसे संभव है?

Answer 1

आप इस तरह सिर्फ एक descendant selector साथ .length उपयोग कर सकते हैं,:

var count = $("#selected li").length; 

आप .children() उपयोग करने के लिए है, तो यह इस तरह है:

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

You can test both versions here।

Answer 2

var length = $('#selected ul').children('li').length 
// or the same: 
var length = $('#selected ul > li').length 

आप शायद यह भी बच्चों के चयनकर्ता में li छोड़ सकता है।

.length देखें।

Answer 3

$('#selected ul').children().length; 

या और भी बेहतर

$('#selected li').length; 

Answer 4

सबसे तेजी से एक:

$("div#selected ul li").length 

Answer 5

$("#selected > ul > li").size() 

या:

$("#selected > ul > li").length 

Answer 6

आप JavaScr उपयोग कर सकते हैं IPT (jQuery की जरूरत नहीं है)

document.querySelectorAll('#selected li').length; 

Answer 7

यह शुद्ध जावास्क्रिप्ट में childElementCount साथ बस संभव है

var countItems = document.getElementsByTagName("ul")[0].childElementCount; 
 
console.log(countItems);

<div id="selected"> 
 
    <ul> 
 
    <li>29</li> 
 
    <li>16</li> 
 
    <li>5</li> 
 
    <li>8</li> 
 
    <li>10</li> 
 
    <li>7</li> 
 
    </ul> 
 
</div>