jQuery প্রবেশ - find() মথুর
উদাহরণ
সব প্যারাগ্রাফের সন্তান span উপাদাণগুলি খোঁজে, এবং তাদের রঙকে লাল করুন:
$("p").find("span").css('color','red');
অর্থ ও ব্যবহার
find() মথুর মাধ্যমে বর্তমান উপাদাণ সংকেতকরণকারীর প্রত্যেক উপাদাণের সন্তানদের পাওয়া যাবে, যা চিহ্নিতকরণকারী, jQuery অবজেক্ট বা উপাদাণ দ্বারা ফিল্টার করা হয়।
গঠন
.find(selector)
| পারামিটার | ব্যাখ্যা |
|---|---|
| selector | শব্দতালিকা মূল্য, যা বর্তমান উপাদাণ সংকেতকরণকারীর জন্য চিহ্নিতকরণ বাক্যলিপি |
বিস্তারিত ব্যাখ্যা
যদি একটি DOM উপাদান সংকেতকরণকারী jQuery অবজেক্ট দেওয়া হয়, .find() মথুর মাধ্যমে আমরা DOM ট্রির মধ্যে এই উপাদাণগুলির সন্তানদের খোঁজতে পারি, এবং মান করা উপাদাণগুলির মাধ্যমে একটি নতুন jQuery অবজেক্ট তৈরি করতে পারি।.find() এবং .children() মথুর মধ্যে সমান, কিন্তু আপাতদৃষ্টিতে .children() শুধুমাত্র একটি স্তরকেই অগ্রসর হয়।
.find() মথুর প্রথম উল্লেখযোগ্য বৈশিষ্ট্য হল, তা আমরা $() ফাংশনে পাঠানো বাক্যলিপির ধরনের সাথে একইরকম চিহ্নিতকরণ বাক্যলিপি গ্রহণ করে। এই বাক্যলিপিটির সাথে এই উপাদানগুলির মান চিহ্নিতকরণ করে, যারা বাক্যলিপিটির সাথে মান করে।
কিছু সহজ নিম্নোক্ত সংক্ষিপ্ত তালিকা ভাবুন:
<ul class="level-1">
<li class="item-i">I</li>
<li class="item-ii">II
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
আমরা তালিকা II-কে শুরু করে তার মধ্যের তালিকা আইটেমগুলি খুঁজতে যাবো:
$('li.item-ii').find('li').css('background-color', 'red');
এই পরিশোধনীর ফলাফল হলো, প্রকল্প A, B, 1, 2, 3 এবং C সকলকেই লাল পটভূমি হিসাবে সেট করা হয়েছে। যদিও প্রকল্প II বাস্তবায়নকারী ভাষক প্রক্রিয়াটির সাথে মিল হয়, তবুও তা ফলাফলে সামিল হবে না; শুধুমাত্র পুরুষদের জন্য মিল হবে।
অন্য বৃক্ষ পরিদর্শন পদ্ধতির থেকে ভিন্ন, .find() এর জন্য ভাষক প্রক্রিয়া একটি অপরিহার্য প্রামাণ্যতা। যদি আমরা সমস্ত পুরুষদের এলিমেন্টকে ফেরত নেওয়ারজন্য চাই, তবে আমরা '*' সার্চ প্রক্রিয়া পাঠাতে পারি。
ভাষক context একটি .find() পদ্ধতিতে রূপায়িত হয়; তাই, $('li.item-ii').find('li') এবং $('li', 'li.item-ii') সমান।
jQuery 1.6-র জন্য, আমরা একটি দেওয়া jQuery সংকেতকরণ বা এলিমেন্ট ব্যবহার করতে পারি। একই নিম্নোক্ত নিহিত তালিকা, আমরা প্রথমে এইভাবে লিখবো:
var $allListElements = $('li');
এটা একটি jQuery অবজেক্ট পাঠানোরপর, find পদ্ধতিকে পাঠানো হবে:
$('li.item-ii').find( $allListElements );
উপরোক্ত কোডটি একটি jQuery সংকেতকরণ ফেরত দেবে, যার মধ্যে তালিকা II-র সমস্ত পুরুষদের তালিকা এলিমেন্ট রয়েছে。
এরভাবে, একটি এলিমেন্টও পাঠানো যেতে পারে:
var item1 = $('li.item-1')[0];
$('li.item-ii').find( item1 ).css('background-color', 'red');
এই বুলবলের ফলাফল হলো প্রকল্প 1-কে লাল পটভূমি হিসাবে সেট করা হয়েছে。
