আমি কীভাবে বাচ্চাদের সংখ্যা গণনা করতে পারি?


108

আমার একটা তালিকা আছে

<ul>
  <li>
  <li>
  <li>
  ...
</ul>

আমার তালিকার আইটেমের সংখ্যা গণনা করতে আমার jQuery দরকার।


1
jquery ভুলে যানdocument.querySelectorAll('ul li').length
কৌক

উত্তর:


188

আপনি এটির .lengthমতো ব্যবহার করতে পারেন :

var count = $("ul li").length;

.lengthনির্বাচক কতটি ম্যাচের সন্ধান পেয়েছে তা বলে, সুতরাং আপনার কতগুলি উপাদানগুলির <li>অধীনে এটি গণনা করা হয়েছে <ul>... যদি উপ-শিশু থাকে তবে "ul > li"কেবল প্রত্যক্ষ বাচ্চাদের পেতে পরিবর্তে ব্যবহার করুন । <ul>আপনার পৃষ্ঠাতে যদি অন্য উপাদান থাকে তবে কেবলমাত্র তার সাথে মেলে নির্বাচকটি পরিবর্তন করুন, উদাহরণস্বরূপ যদি এটির একটি আইডি থাকে যা আপনি ব্যবহার করেন "#myListID > li"

অন্যান্য পরিস্থিতিতে যেখানে আপনি সন্তানের ধরণ জানেন না, আপনি *(ওয়াইল্ডকার্ড) নির্বাচনকারী বা এটির মতো ব্যবহার করতে পারেন .children():

var count = $(".parentSelector > *").length;

বা:

var count = $(".parentSelector").children().length;

1
কী হবে, যদি এটি "শিশু" লি ", এবং কিছু হতে পারে তা জানা যায় না?
স্টারেক্স

7
@ স্টারেক্স:$("#parent").children().length
রেকাময়েকা

1
@ অ্যালেকানানিয়ান, না, আমি জানি কীভাবে। মানে আমি আশা করছিলাম যে নিকও তার উত্তরে এটি যুক্ত করবে।
স্টারেক্স

2
@ স্টারেক্স - রাস্তার নিচে কয়েকটি লোককে সহায়তা করার ক্ষেত্রে এটি যুক্ত হয়েছে :)
নিক ক্র্যাভার

উপাদানটি দৃশ্যমান না হলে কী হবে?
23

6

এর জন্য আপনার জিকিউরির দরকার নেই। আপনি জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন .childNodes.length

আপনি ডিফল্ট পাঠ্য নোড (যা ডিফল্টরূপে খালি) অন্তর্ভুক্ত করতে না চাইলে কেবল 1 টি বিয়োগের বিষয়টি নিশ্চিত করুন। সুতরাং, আপনি নিম্নলিখিত ব্যবহার করতে চাই:

var count = elem.childNodes.length - 1;

1

ব্যবহার করার চেষ্টা করুন:

var count = $("ul > li").size();
alert(count);

0

কি হবে যদি আপনি এই ব্যবহার করছেন বর্তমান নির্বাচক নির্ধারণ তার সন্তানদের এটি তাই এই ঝুলিতে: <ol>তারপর আছে <li>কিভাবে নির্বাচক লিখতে অধীনে গুলি var count = $(this+"> li").length;অভ্যস্ত কাজ ..


যদি ওলটির একটি শ্রেণি থাকে তবে আপনি লিখতে পারেন$("ol.class > li").length
কিওয়ার্টি

0

আপনি jQuery ব্যবহার করে এটি করতে পারেন:

এই পদ্ধতিটি তার বাচ্চাদের একটি তালিকা পায় তারপরে সেই তালিকাটির দৈর্ঘ্য গণনা করে।

$("ul").find("*").length;

সন্ধান () পদ্ধতিটি ডিওএমকে বংশধরদের সাথে নীচে রেখে শেষ বংশধর পর্যন্ত সমস্ত পথ অনুসরণ করে।

দ্রষ্টব্য: বাচ্চাদের () পদ্ধতিটি ডিওএম গাছের নীচে এক স্তরকে অতিক্রম করে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.