এ পর্যন্ত আমরা যেসকল সিলেক্টর নিয়ে কথা বলেছিলাম তা প্রায় সবই single attribute selector (যে selector একটি মাত্র attribute এর মাধ্যমে element কে detect করে )। এখন আমরা যে selector নিয়ে আলোচনা করবো সেটি একাধিক attribute support করে , একাধিক attribute support করে বলে একে Multiple attribute selector বলা হয়। একে logical selector ও বলা যেতে পারে, কারন কোন ধরনের condition ছাড়াই ইহা, যখন দুই বা ততোধিক selector এর সাথে match করবে তখনই তাকে select করবে। jQuery এর সাহায্যে game তৈরির ক্ষেত্রে অথবা dynamic ভাবে HTML element selection এর ক্ষেত্রেও এটি ব্যবহৃত হয়ে থাকে।
এ selector টি মূলত অন্যান্য selector এর সমন্বয়ে গঠিত একটি যৌগিক selector। অর্থাৎ, যখন কোন element, multiple attribute selector -এর সব attribute গুলির value / attribute এর সাথে match করবে তখন তাকে select করবে।
Multiple attribute selector Syntax : $('[A1][A2][An]')
A1 = An attribute filterA2 = Another attribute
An = As more attribute filter as necessary
Description :
ঐ সকল element কে select কর যাদের A1, A2 এবং An attribute আছে।Example :
$('input[id][name$="man"]') - যেসকল input element এর id attribute আছে এবং name attribute এর শেষ value 'man' তাদের সকলকে select করবে।উদাহরন Code :
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <input id="man-news" name="man-news" /> <input name="milkman" /> <input id="letterman" name="new-letterman" /> <input name="newmilk" /> <script> $('input[id][name$="man"]').val('only this one'); </script> </body> </html>
ফলাফল(output):
লেখকঃ ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়ের(DUET) কম্পিউটার সায়েন্স এ্যান্ড ইঞ্জিনিয়ারিং(CSE) বিভাগের ৪র্থ বর্ষের এক জন ছাত্র। তিনি ওয়েব ডিজাইন, ওয়েব ডেভলপমেন্ট এর বিভিন্ন বিষয় যেমন : এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, জে কোয়েরি, পিএইচপি, .Net ইত্যাদি বিষয়ের উপর অভিজ্ঞ। তিনি ACM ICPC সহ বিভিন্ন আন্তর্জাতিক প্রোগ্রামিং প্রতিযোগীতায় অংশগ্রহন করেছেন। তাকে ফেসবুকে অনুসরন করতে এখানে ক্লিক করুন।