jQuery: তালিকার উপাদানগুলির সংখ্যা গণনা করুন?


134

আমি একটি তালিকা পেয়েছি যা কিছু সার্ভার সাইড কোড থেকে উত্পন্ন হয়েছিল, jQuery এর সাথে এতে অতিরিক্ত স্টাফ যুক্ত করার আগে আমাকে এটি ইতিমধ্যে কতটি আইটেম রয়েছে তা নির্ধারণ করতে হবে।

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

উত্তর:


225

চেষ্টা করুন:

$("#mylist li").length

শুধু কৌতূহলী: আপনার আকারটি কেন জানতে হবে? আপনি কি শুধু ব্যবহার করতে পারবেন না:

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

?


3
আমি নতুনগুলি যুক্ত করতে সংযোজন ব্যবহার করছি, তবে তালিকায় থাকা আইটেমগুলির সংখ্যার একটি সীমা পেয়েছি, এই অবস্থায় ব্যবহারকারী এখনও সর্বোচ্চ 4 টি আইটেম যোগ করতে পারে, তবে 2 আসতে পারে পূর্ববর্তী অবস্থা থেকে :)
টম

35
নোট করুন যে jQyery ডক্স একটি ফাংশন কলের ওভারহেড এড়াতে .lengthওভার ব্যবহারের পরামর্শ .size()দেয়। api.jquery.com/size
জো

4
আকার () jquery 1.8 এ অবচয় করা হয়েছিল এবং এটি এখন দৈর্ঘ্য () ব্যবহার করতে বলে ।
gloomy.penguin

8
@ gloomy.penguin দ্রষ্টব্য এটি .lengthকোনও ফাংশন নয়।
hexacyanide

ফ্লাইতে এলিমেন্টের প্রস্থের পুনরায় গণনা করার জন্য আমার <li> গণনা দরকার।
Hristo

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

var count = listItems.length;

অবশ্যই আপনি এটি দিয়ে ঘনীভূত করতে পারেন

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

JQuery এর সাথে আরও সহায়তার জন্য, http://docs.jquery.com/Main_Page শুরু করার জন্য একটি ভাল জায়গা।


5
কেবল নিরাপদ থাকতে, $ ("# মাইলিস্ট") করুন children বাচ্চাদের ("লি") length দৈর্ঘ্য; যদি আপনি কোনও কারণে তালিকার ভিতরে অন্য আইটেমগুলি যুক্ত করেন তবে আপনি এই ছোট কোডের লাইনটি ভুলে যাবেন না।
SgtPooki

10

.Size () পদ্ধতি বা। দৈর্ঘ্যের বৈশিষ্ট্যটিতে কল করার সময় আপনার একই ফলাফল হয় তবে। দৈর্ঘ্যের সম্পত্তিটি পছন্দ করা হয় কারণ এতে কোনও ফাংশন কলের ওভারহেড নেই। তাই সেরা উপায়:

$("#mylist li").length


4

এবং অবশ্যই নিম্নলিখিত:

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

এতে নিচে ঘনীভূত হতে পারে: ('ভেরিয়েবল' অপসারণ করে যা ভেরিয়েবল সেট করার প্রয়োজন হয় না)

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

তবে এটি পরিষ্কার:

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

2
এই পদ্ধতিটি শীর্ষ উলের শিশু উল-উপাদানগুলির মধ্যে লি-ট্যাগগুলিও গণনা করছে না?
atripes rip

2
"ভেরিয়েবল" ভেরিয়েবল সেট করার দরকার নেই "বলার অপেক্ষা রাখে না overs আপনি যদি 'var' ব্যবহার না করেন তবে আপনার সমস্ত ভেরিয়েবলগুলি বিশ্বব্যাপী শেষ হবে। স্ট্যাকওভারফ্লো.com
রাফায়েল আলমেইদা


1

তালিকার উপাদানগুলির সংখ্যা গণনা করুন

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

1

তালিকার উপাদানগুলির সংখ্যা গণনা করার জন্য আরেকটি পদ্ধতি:

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>


0

$("button").click(function(){
    alert($("li").length);
 });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  <meta charset="utf-8">
  <title>Count the number of specific elements</title>
</head>
<body>
<ul>
  <li>List - 1</li>
  <li>List - 2</li>
  <li>List - 3</li>
</ul>
  <button>Display the number of li elements</button>
</body>
</html>

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