উত্তর:
চেষ্টা করুন:
$("#mylist li").length
শুধু কৌতূহলী: আপনার আকারটি কেন জানতে হবে? আপনি কি শুধু ব্যবহার করতে পারবেন না:
$("#mylist").append("<li>New list item</li>");
?
.lengthওভার ব্যবহারের পরামর্শ .size()দেয়। api.jquery.com/size
.lengthকোনও ফাংশন নয়।
var listItems = $("#myList").children();
var count = listItems.length;
অবশ্যই আপনি এটি দিয়ে ঘনীভূত করতে পারেন
var count = $("#myList").children().length;
JQuery এর সাথে আরও সহায়তার জন্য, http://docs.jquery.com/Main_Page শুরু করার জন্য একটি ভাল জায়গা।
.Size () পদ্ধতি বা। দৈর্ঘ্যের বৈশিষ্ট্যটিতে কল করার সময় আপনার একই ফলাফল হয় তবে। দৈর্ঘ্যের সম্পত্তিটি পছন্দ করা হয় কারণ এতে কোনও ফাংশন কলের ওভারহেড নেই। তাই সেরা উপায়:
$("#mylist li").length
আমি মনে করি এটি করা উচিত:
var ct = $('#mylist').children().size();
এবং অবশ্যই নিম্নলিখিত:
var count = $("#myList").children().length;
এতে নিচে ঘনীভূত হতে পারে: ('ভেরিয়েবল' অপসারণ করে যা ভেরিয়েবল সেট করার প্রয়োজন হয় না)
count = $("#myList").children().length;
তবে এটি পরিষ্কার:
count = $("#mylist li").size();
তালিকার উপাদানগুলির সংখ্যা গণনা করার জন্য আরেকটি পদ্ধতি:
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>
$("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>