filter পদ্ধতি

filter পদ্ধতি সেটে শুধুমাত্র সেই উপাদানগুলিই রাখে যেগুলি একটি নির্দিষ্ট সিলেক্টরকে সন্তুষ্ট করে।

সিনট্যাক্স

সিলেক্টর দ্বারা ফিল্টারিং:

javascript.filter(সিলেক্টর);

প্যারামিটার DOM উপাদান বা jQuery অবজেক্টও হতে পারে:

javascript.filter(DOM উপাদান বা jQuery অবজেক্ট);

একটি ফাংশন ব্যবহার করেও উপাদান ফিল্টার করা যায় যা নির্বাচিত প্রতিটি উপাদানের জন্য আলাদাভাবে কল করা হয়। যদি এটি true রিটার্ন করে, তবে বর্তমান উপাদানটি চূড়ান্ত ফলাফলে অন্তর্ভুক্ত হবে, যদি false রিটার্ন করে -則 অন্তর্ভুক্ত হবে না। উপাদানগুলি নিজেরা ফাংশনের মধ্যে this ভেরিয়েবলে অ্যাক্সেসযোগ্য, এবং সেটে তাদের ক্রমিক নম্বরগুলি index ভেরিয়েবলে অ্যাক্সেসযোগ্য:

javascript.filter(function(index, elem))

উদাহরণ

আসুন সমস্ত অনুচ্ছেদ খুঁজে বের করি, তাদের শুরুতে '!' টেক্সট যোগ করি prepend ব্যবহার করে, তারপর পাওয়া গুলি থেকে শুধুমাত্র সেই অনুচ্ছেদগুলি পাই যেগুলির www ক্লাস আছে filter ব্যবহার করে এবং তাদের শেষে '?' টেক্সট যোগ করি append ব্যবহার করে:

html<p>টেক্সট</p>
<p>টেক্সট</p>
<p class="www">টেক্সট</p>
<p class="www">টেক্সট</p>

javascript$('p').prepend('!').filter('.www').append('?');

HTML কোডটি এইরকম দেখাবে:

html<p>!টেক্সট</p>
<p>!টেক্সট</p>
<p class="www">!টেক্সট?</p>
<p class="www">!টেক্সট?</p>

উদাহরণ

আসুন একটি ফাংশন ব্যবহার করে সমস্ত অনুচ্ছেদ খুঁজে বের করি যেগুলির মধ্যে strong ট্যাগ আছে এবং তাদের '!!!' টেক্সট সেট করি:

html<p><strong>টেক্সট</strong></p>
<p><strong>টেক্সট</strong></p>
<p>টেক্সট</p>
<p>টেক্সট</p>

javascript$('p').filter(function() {
  return $('strong', this).length === 1;
}).html('!!!');

HTML কোডটি এইরকম দেখাবে:

html<p>!!!</p>
<p>!!!</p>
<p>টেক্সট</p>
<p>টেক্সট</p>

আরও দেখুন