jQuery এর মাধ্যমে এলিমেন্টের টেক্সট পরিবর্তন

পূর্ববর্তী পাঠগুলোতে আমরা jQuery এর মাধ্যমে এলিমেন্টের গ্রুপ পাওয়া শিখেছি এবং এমনকি কিছু মেথড ব্যবহারের উদাহরণও দেখেছি। এখন আমরা সেগুলো আরও বিস্তারিতভাবে বুঝতে চেষ্টা করব। এই পাঠে আমরা দুটি মেথড ব্যবহার করে এলিমেন্টের টেক্সট পরিবর্তন করতে শিখব: html এবং text।

নিম্নলিখিত সমস্যাটি সমাধান করি: আমরা ক্লাস www সহ সমস্ত এলিমেন্ট পাব এবং একই সাথে তাদের সবার টেক্সট '!!!' এ পরিবর্তন করব। আমাদের কাছে নিম্নলিখিত HTML কোড আছে:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

তাহলে JavaScript কোডটি নিম্নরূপ দেখাবে:

let elems = document.getElementsByClassName('www');

for (let i = 0; i < elems.length; i++) {
	elems[i].innerHTML = '!!!';
}

jQuery এর মাধ্যমে সবকিছু অনেক সহজ হবে: ডলার ব্যবহার করে সমস্ত এলিমেন্ট পাব, এভাবে: $('.www'), তারপর তাদের উপর html মেথডটি প্রয়োগ করব, যা নতুন টেক্সট প্যারামিটার হিসেবে নেয় - $('.www').html('new text')। এটাই! এই একটি লাইন যেকোনো লুপ এবং অন্যান্য ঝামেলা ছাড়াই সমস্ত কাজ সম্পন্ন করবে। উদাহরণটি চালান এবং নিজেই তা নিশ্চিত হন:

$('.www').html('!!!');

সব h3 এলিমেন্টকে html মেথড ব্যবহার করে '!!!' টেক্সট দিন।