jQuery-এ এলিমেন্টে ক্লাস যোগ করা
আমি মনে করিয়ে দিচ্ছি যে HTML কোডের
class
অ্যাট্রিবিউটে একটি স্পেস দিয়ে একাধিক ক্লাস লেখা যায়।
আসুন আমরা এমন একটি পরিস্থিতি কল্পনা করি - আপনি বিদ্যমান ক্লাসগুলি মুছে না দিয়ে সেগুলিতে একটি নতুন ক্লাস যোগ করতে চান। এই ক্ষেত্রে, শুধু
.attr('class', 'new-class')
করে নেওয়া কাজ করবে না (
attr
মেথড ব্যবহার করে) - আপনি অ্যাট্রিবিউটে ইতিমধ্যে থাকা ক্লাসগুলি মুছে দেবেন।
অবশ্যই, প্রথমে সেখানে কোন ক্লাসগুলি আছে তা পড়ে নেওয়া যায়, তারপর একটি স্পেস দিয়ে আমাদের ক্লাসটি সেগুলিতে যোগ করা যায় এবং সবকিছু আবার অ্যাট্রিবিউটে লিখে দেওয়া যায়, কিন্তু একটি সহজ উপায় আছে - jQuery-এ এই ধরনের কাজের জন্য
addClass
মেথড প্রস্তুত করা আছে।
addClass মেথডটি অন্য ক্লাসগুলি মুছে না দিয়ে একটি এলিমেন্টে (বা একাধিক এলিমেন্টে) একটি ক্লাস যোগ করতে দেয়। আপনি যে ক্লাসটি এলিমেন্টে যোগ করতে চান তা এই মেথডের প্যারামিটার হিসেবে নেওয়া হয়।
নিম্নলিখিত উদাহরণে আমাদের কাছে দুটি ক্লাস সহ একটি এলিমেন্ট আছে - class="www zzz":
<p class="www zzz" id="test">text</p>
আমরা এতে একটি তৃতীয় ক্লাসও যোগ করতে পারি -
kkk। ফলস্বরূপ, অ্যাট্রিবিউটের বিষয়বস্তুটি এইরকম হবে - class="www zzz kkk":
$('#test').addClass('kkk');
HTML কোডটি এইরকম দেখাবে:
<p class="www zzz kkk" id="test">text</p>
সমস্ত li-তে test ক্লাস যোগ করুন।
