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

html এবং text পদ্ধতিগুলো শুধুমাত্র এলিমেন্টের টেক্সট পরিবর্তন করতেই নয়, বরং এটি প্রদর্শন করতেও ব্যবহার করা যেতে পারে। আসুন এলিমেন্টটি পাই এবং এর টেক্সট প্রদর্শন করি:

html<p id="test">টেক্সট</p>

javascriptalert($('#test').html());

আপনি যদি একটি এলিমেন্ট নয়, বরং অনেকগুলোর টেক্সট পাওয়ার চেষ্টা করেন, তাহলে শুধুমাত্র প্রথম এলিমেন্টের বিষয়বস্তু দেখতে পাবেন। সমস্ত এলিমেন্টের টেক্সট পেতে each পদ্ধতি ব্যবহার করুন, এটা সম্পর্কে পরবর্তী পাঠে আলোচনা করা হবে।

নিচের উদাহরণে আমরা www ক্লাস সহ সমস্ত অনুচ্ছেদ পাই:

html<p class="www">টেক্সট ১</p>
<p class="www">টেক্সট ২</p>
<p class="www">টেক্সট ৩</p>

তারপর html ব্যবহার করে বিষয়বস্তু প্রদর্শন করি, এতে প্রাপ্ত প্রথম অনুচ্ছেদের টেক্সটই শুধুমাত্র প্রদর্শিত হবে:

javascriptalert($('.www').html()); // 'টেক্সট ১' প্রদর্শন করবে

text পদ্ধতির সাথেও সতর্কতা অবলম্বন করতে হবে, আমাদের ক্ষেত্রে এটি পাওয়া সমস্ত এলিমেন্টের বিষয়বস্তু প্রদর্শন করবে:

javascriptalert($('.www').text()); // 'টেক্সট ১টেক্সট ২টেক্সট ৩' প্রদর্শন করবে