jQuery ব্রেভিং - next() পদ্ধতি
উদাহরণ
প্রত্যেক সমূহের পরের ভাই ইলেকট্রনমেন্টকে খুঁজুন, যারা শুধুমাত্র "selected" শ্রেণীর সমূহকে প্রতিনিধিত্ব করে:
$("p").next(".selected").css("background", "yellow");
অর্থ ও ব্যবহার
next() পদ্ধতিটি প্রত্যেক ইলেকট্রনমেন্টকে নিয়ে আসে, যার পরের ভাই ইলেকট্রনমেন্টকে খুঁজে পায়।যদি একটি নির্বাচনী প্রয়োগ করা হয়, তবে এটি সেই নির্বাচনীর মান মিলেছে ভাই ইলেকট্রনমেন্টকে ফিরায়。
সিন্তাক্স
.next(selector)
| পারামিটার | ব্যাখ্যা |
|---|---|
| selector | শব্দমালা মান, যা মিলতে পারে ইলেকট্রনমেন্টকে চিহ্নিত করার জন্য ব্যবহৃত নির্বাচনী এক্সপ্রেসনকে ধারণ করে。 |
বিস্তারিত ব্যাখ্যা
একটি DOM ইলেকট্রনমেন্ট সংকেতকের প্রতিনিধিত্বকারী jQuery অবজ্জুড়া দেওয়া হলে, .next() পদ্ধতিটি .next() DOM ট্রির অংশগুলোকে অনুসরণকারী ভাই ইলেকট্রনমেন্টকে খুঁজতে দেয়, এবং মিলেছে অংশগুলোকে নতুন তৈরি হওয়া jQuery অবজ্জুড়া প্রস্তুত করে。
এই পদ্ধতিটি একটি বাছাই এক্সপ্রেসনকে নিয়ে আসে, যার ধরন আমি $() ফাংশনে পাঠাই।যদি এই একটি সহস্রাত্মক ভাই মিলতে পারে, তবে তা নতুন তৈরি হওয়া jQuery অবজ্জুড়ায় থাকবে; না তবে তা বাদ দেওয়া হবে。
নিচের সাধারণ তালিকাসহ পেজটা চিন্তাভাবনা করুন:
<ul> <li>list item 1</li> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
যদি আমরা তৃতীয় প্রকল্প থেকে শুরু করি, তবে তার পরে বৃদ্ধি পাওয়া অংশগুলোকে খুঁজতে পারি:
$('li.third-item');.next();.css('background-color', 'red');
এই কল ফলাফল হলো যে, প্রকল্প 4-কে লাল পটভূমিতে সজ্জিত করা হয়েছে।আমরা নির্বাচনী এক্সপ্রেসন প্রয়োগ করেননি তাই, এই আটলোক স্পষ্টভাবে অবজ্বল্য হিসাবে অংশগ্রহণ করেছে।যদি আমরা নির্বাচনী প্রয়োগ করেছিলাম, তবে তা অন্তর্ভুক্ত হওয়ার আগে মিলতে পারলো কি না তা পরীক্ষা করা হতো。
