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>

আমি এর মধ্যে <li>উপাদানগুলির মোট সংখ্যা গণনা করতে চাই <div id="selected"></div>। কীভাবে jQuery এর ব্যবহার সম্ভব .children([selector])?

Comments

stackoverflow.com/questions/250688/...

— onder

খাঁটি জেএসে, @ মোঃ এর উত্তর এক ধরণের কম এখনও, তবে ব্যবহার করুনelement.childelementCount

— চার্লস এল

Answer 1

আপনি .lengthকেবল বংশধর নির্বাচকের সাহায্যে এটি ব্যবহার করতে পারেন :

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

যদি আপনার ব্যবহার করতে হয় .children(), তবে এটি এর মতো:

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

আপনি উভয় সংস্করণ এখানে পরীক্ষা করতে পারেন ।

Answer 2

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

বা:

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

Comments

মাত্র একটি নোট। আকার ()। দৈর্ঘ্যের পক্ষে অবচয় করা হয়েছে

— এরিক কিগাথি

Answer 3

দ্রুততম এক:

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

Comments

এটি দ্রুততম নয়, বাস্তবে আপনি divসেখানে যোগ করে এটি কমিয়ে দিয়েছেন :)

— নিক ক্র্যাভার

আপনি কোন ব্রাউজারটি ব্যবহার করেন এটি নির্ভর করে। অনেক আধুনিক ব্রাউজারে উপাদান যুক্ত করে আইডি বা বর্গ দ্বারা অনুসন্ধানের আগে ফাইন্ডবাইলেট ব্যবহার করে যা ধীরতর। শীঘ্রই এটি যে কোনও উপায়েই একটি পয়েন্ট পয়েন্ট হবে, কারণ সমস্ত ডোম অনুসন্ধান একটি নেটিভ ফাংশন ব্যবহার করে করা হবে। যে কোনও ক্ষেত্রে, একটি সহজ getElementById ('নির্বাচিত') বা $ ('# নির্বাচিত') এই মুহুর্তে দ্রুততর হবে।

— অ্যালেক্স কে

Answer 4

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

আপনি সম্ভবত liবাচ্চাদের বাছাইকারীকে বাদ দিতে পারেন ।

দেখুন .length।

Answer 5

আপনি জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন (jQuery প্রয়োজন নেই)

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

Answer 6

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

বা আরও ভাল

 $('#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>

Answer 8

খাঁটি জেএস

selected.children[0].children.length;

let num = selected.children[0].children.length;

console.log(num);

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