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 मेथड की सहायता से पाठ '!!!' सेट करें।