মাল্টিপাল এট্রিবিউট সিলেক্টর(Multiple attribute selector): জে-কোয়েরী -(পর্ব-১৭)

এ পর্যন্ত আমরা যেসকল সিলেক্টর নিয়ে কথা বলেছিলাম তা প্রায় সবই 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 filter
A2 = 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 :

[sourcecode language="html"]
<!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>
[/sourcecode]

ফলাফল(output):

Selector Example

………………………………………………………………………………
আলোকিত একটা সুন্দর সমৃদ্ধ পৃথিবী আমাদের প্রত্যেকেরই স্বপ্ন । আসুন আমাদের মেধা পরিশ্রম কে বিজ্ঞান সম্মতভাবে ব্যবহার করে, আমাদের স্বপ্ন পূরণে অংশ গ্রহণ করি। আজ এখানেই শেষ করলাম। “HAVE A GOOD PROGRAMMING”

জে-কোয়েরী ধারাবাহিক টিউটোরিয়ালঃ

Leave a Comment