JQuery এ শেষ সন্তানের উপাদানটি কীভাবে নির্বাচন করবেন?
শুধু শেষ সন্তান, তার বংশধর নয়।
JQuery এ শেষ সন্তানের উপাদানটি কীভাবে নির্বাচন করবেন?
শুধু শেষ সন্তান, তার বংশধর নয়।
উত্তর:
আপনি এটি করতে পারেন:
<ul id="example">
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
</ul>
// possibility 1
$('#example li:last').val();
// possibility 2
$('#example').children().last()
// possibility 3
$('#example li:last-child').val();
children()। বিকল্প 1 এটি একবার করে দিচ্ছে , তবে একটি কাস্টম / জিকুয়ের সিউডো সিলেক্টর রয়েছে :lastএবং :last-childইতিমধ্যে এখানে বেশ আগে থেকেই রয়েছেন , আমার কাছে কি মনে হয় এটি সবচেয়ে দ্রুত এবং ফলাফলটি অর্জন করতে কম গণনার সময় নেয়।
ব্যবহার করে : সর্বশেষ সন্তানের নির্বাচক ?
আপনার যে সহায়তার দরকার তা মনে রেখেই কি আপনার একটি নির্দিষ্ট দৃশ্য আছে?
2019 এর জন্য ...
jQuery 3.4.0 হ্রাস করা হয়: প্রথম,: শেষ,: eq,: এমনকি,: বিজোড়,: lt,: জিটি, এবং: নবম। যখন আমরা সিজলটি সরিয়ে ফেলি, আমরা এটিকে কোয়েরিলেক্টরঅল এর চারপাশে একটি ছোট মোড়ক দিয়ে প্রতিস্থাপন করব এবং বৃহত্তর সিলেক্টর ইঞ্জিন ছাড়া এই নির্বাচকদের পুনরায় প্রয়োগ করা প্রায় অসম্ভব হবে।
আমরা মনে করি যে এই বাণিজ্যটি সার্থক। মনে রাখবেন আমরা এখনও অবস্থানগত পদ্ধতি যেমন .ফার্স্ট, .লাস্ট, এবং .eq সমর্থন করব। অবস্থানীয় বাছাইকারীদের সাথে আপনি যা কিছু করতে পারেন, আপনি পরিবর্তে অবস্থানগত পদ্ধতিতে করতে পারেন। তারা যাইহোক ভাল পারফরম্যান্স।
https://blog.jquery.com/2019/04/10/jquery-3-4-0- রিলিজড /
সুতরাং আপনি এখন ব্যবহার করা উচিত .first(), .last()পরিবর্তে (বা কোন jQuery)।
আপনি যদি সর্বশেষ শিশুটি নির্বাচন করতে চান এবং উপাদান টাইপের বিষয়ে সুনির্দিষ্ট হতে চান তবে আপনি সর্বশেষ-প্রকারের নির্বাচকটি ব্যবহার করতে পারেন
এখানে একটি উদাহরণ:
$("div p:last-of-type").css("border", "3px solid red");
$("div span:last-of-type").css("border", "3px solid red");
<div id="example">
<p>This is paragraph 1</p>
<p>This is paragraph 2</p>
<span>This is paragraph 3</span>
<span>This is paragraph 4</span>
<p>This is paragraph 5</p>
</div>
উপরের উদাহরণে অনুচ্ছেদ 4 এবং অনুচ্ছেদ 5 উভয়ই একটি লাল সীমানা থাকবে কারণ অনুচ্ছেদ 5 ডিভের "পি" টাইপের সর্বশেষ উপাদান এবং অনুচ্ছেদ 4 ডিভের সর্বশেষ "স্প্যান"।
হাই সমস্ত দয়া করে এই সম্পত্তি চেষ্টা করুন
$( "p span" ).last().addClass( "highlight" );
ধন্যবাদ
children().last()এবং:last-childসমান। এই উদাহরণে - হ্যাঁ, তবে ধারণা করুন যে আপনার দুটি তালিকা রয়েছে (শ্রেণি = "উদাহরণ") এবং তারপরে উভয় তালিকা থেকে শেষ উপাদানগুলি নির্বাচন করার চেষ্টা করুন ...