html विधि
html विधि एलिमेंट के टेक्स्ट को बदलने
और उसे टैग्स के साथ प्राप्त करने की अनुमति देती है।
सिंटैक्स
टेक्स्ट प्राप्त करना:
$(सेलेक्टर).html();
टेक्स्ट बदलना:
$(सेलेक्टर).html(नया टेक्स्ट);
अतिरिक्त जानकारी
html विधि सेट में प्रत्येक एलिमेंट पर
एक निर्दिष्ट फ़ंक्शन लागू कर सकती है।
इस स्थिति में, फ़ंक्शन को पहले पैरामीटर के रूप में सेट में एलिमेंट की संख्या मिलेगी, और दूसरे पैरामीटर के रूप में
- एलिमेंट का वर्तमान टेक्स्ट:
$(सेलेक्टर).html(function(सेट में संख्या, एलिमेंट का वर्तमान टेक्स्ट));
फ़ंक्शन में वेरिएबल के नाम कोई भी हो सकते हैं।
उदाहरण के लिए, यदि पहले पैरामीटर के लिए हम नाम देते हैं
index - तो हमारे फ़ंक्शन के अंदर index वेरिएबल उपलब्ध होगा,
जिसमें उस एलिमेंट के लिए सेट में संख्या होगी, जिसे फ़ंक्शन उस
समय संसाधित कर रहा है। इसी तरह, यदि दूसरे
पैरामीटर के लिए, उदाहरण के लिए, नाम value दिया जाए - तो
हमारे फ़ंक्शन के अंदर value वेरिएबल उपलब्ध होगी,
जिसमें उस एलिमेंट का टेक्स्ट होगा, जिसे फ़ंक्शन
उस समय संसाधित कर रहा है:
$(सेलेक्टर).html(function(index, value) {
// यहाँ index और value वेरिएबल उपलब्ध हैं
});
प्रत्येक एलिमेंट का टेक्स्ट उस टेक्स्ट में बदल जाएगा, जो फ़ंक्शन उस विशेष एलिमेंट के लिए लौटाता है।
उदाहरण
आइए हमारे पैराग्राफ की सामग्री को स्क्रीन पर प्रदर्शित करें:
<p id="test">text</p>
let text = $('#test').html();
alert(text);
उदाहरण
आइए हमारे पैराग्राफ की सामग्री बदलें:
<p id="test">text1</p>
$('#test').html('text2');
HTML कोड इस तरह दिखेगा:
<p id="test">text2</p>
उदाहरण
आइए हमारे पैराग्राफ की सामग्री को टैग्स के साथ टेक्स्ट में बदलें:
<p id="test">text1</p>
$('#test').html('<span>text2</span>');
HTML कोड इस तरह दिखेगा:
<p id="test"><span>text2</span></p>
उदाहरण
आइए प्रत्येक पैराग्राफ के अंत में उसकी सेट में क्रम संख्या जोड़ें:
<p>text</p>
<p>text</p>
<p>text</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML कोड इस तरह दिखेगा:
<p>text 0</p>
<p>text 1</p>
<p>text 2</p>
