सवाल एक निश्चित वर्ग के साथ divs की jQuery गणना संख्या?


इस तरह कुछ ध्यान में रखते हुए;

<div class="wrapper">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

मैं jQuery का उपयोग कैसे करूं (या सादा जेएस, यदि यह छोटा है - लेकिन मुझे शक है) "आइटम" वर्ग के साथ divs की संख्या गिनती है? इस उदाहरण में, फ़ंक्शन 5 वापस लौटाएगा, क्योंकि आइटम वर्ग के साथ 5 divs हैं।

धन्यवाद!


44
2017-09-13 15:33


मूल


$ ("div.item") आज़माएं। लंबाई या $ ("div.item")। आकार () - Hardik Patel
इससे आपकी मदद करनी चाहिए: [लिंक] [1] [1]: stackoverflow.com/questions/2727303/... - Darvex
आकार () छड़ी से लंबाई तक बहिष्कृत है - lft93ryt


जवाब:


आप jquery का उपयोग कर सकते हैं .length संपत्ति

var numItems = $('.item').length;

96
2017-09-13 15:34



... मुझे लगता है कि यह उस वर्ग के साथ divs गिनने के लिए $ ('div.item') होना चाहिए (और .item वर्ग के साथ किसी अन्य प्रकार का तत्व शामिल नहीं होना चाहिए)। - jjmontes
धन्यवाद, मुझे यही चाहिए! जैसे ही समय सीमा खत्म हो जाएगी, मैं आपका उत्तर स्वीकार करूंगा!
@jjmontes यह सच है। बेशक आप किसी भी चयनकर्ता का उपयोग कर सकते हैं .. लेकिन यह इस बात पर निर्भर करता है कि ओपी कैसे प्राप्त करना चाहता है। उदाहरण के लिए $('div.wrapper div.item') और भी करीब होगा। - Brian Glaz
मुझे मिलने के बाद लंबाई, उस वर्ग के साथ प्रत्येक div के लिए सरणी कैसे सेट करें? उदाहरण के लिए, मैं टेक्स्ट इनपुट करना चाहता हूं .html() पहले या दूसरे div आइटम में। - M. Pancadewa


बेहतर प्रदर्शन के लिए आपको इसका उपयोग करना चाहिए:

var numItems = $('div.item').length;

चूंकि यह केवल देखेगा div में तत्व DOM और जल्दी हो जाएगा।

सुझाव: का उपयोग करते हुए size() के बजाय length संपत्ति का मतलब प्रसंस्करण में एक अतिरिक्त कदम है SIZE() का उपयोग करता है length कार्य परिभाषा में संपत्ति और परिणाम देता है।


17
2017-09-13 15:38



मुझे यह जानने में दिलचस्पी होगी कि उपयोग में समय / प्रदर्शन में क्या अंतर है div.item के बजाय .item निश्चित रूप से यह निर्भर होगा कि दस्तावेज कितना बड़ा है लेकिन आम तौर पर बोल रहा हूं कि मुझे यह जानकर उत्सुकता है कि क्या यह एक बड़ा अंतर बनाता है - haakym


आप jQuery.children संपत्ति का उपयोग कर सकते हैं।

var numItems = $('.wrapper').children('div').length;

अधिक जानकारी के लिए संदर्भित करें http://api.jquery.com/


9
2017-09-25 06:13





मैंने बस jQuery आकार समारोह का उपयोग कर यह जेएस फ़ंक्शन बनाया है http://api.jquery.com/size/

function classCount(name){
  alert($('.'+name).size())
}

यह दस्तावेज़ में कक्षा का नाम होने की संख्या को अलर्ट करता है।


2
2017-09-13 15:46





और सादे जेएस जवाब के लिए अगर कोई दिलचस्पी ले सकता है;

var count = document.getElementsByClassName("item");

चीयर्स।

संदर्भ: https://www.w3schools.com/jsref/met_document_getelementsbyclassname.asp


1
2017-09-21 18:37