append विधि
append विधि तत्व के अंत में पाठ जोड़ती है।
इसी तरह से काम करने वाली
appendTo
नामक एक विधि भी मौजूद है।
वाक्य - विन्यास
तत्व के अंत में पाठ डालना:
$(चयनकर्ता).append(पाठ);
चयनित तत्वों के अंत में वह पाठ जोड़ा जा सकता है जो एक उपयोगकर्ता-परिभाषित फ़ंक्शन द्वारा वापस किया गया है। फ़ंक्शन को चयनित तत्वों में से प्रत्येक के लिए अलग से बुलाया जाता है। कॉल करने पर इसे निम्नलिखित पैरामीटर पास किए जाते हैं: सेट में तत्व की स्थिति, तत्व की वर्तमान सामग्री:
$(चयनकर्ता).append(function(सेट में क्रमांक, तत्व की वर्तमान सामग्री));
सामग्री न केवल सामान्य पाठ हो सकती है, बल्कि एक DOM तत्व या jQuery ऑब्जेक्ट भी हो सकती है। इस मामले में, ये तत्व HTML कोड में अपनी स्थिति से हटाकर लगाए जाएंगे।
उदाहरण
आइए दिए गए पैराग्राफ के अंत में पाठ डालें:
<p id="test">पाठ</p>
$('#test').append('!!!');
HTML कोड इस तरह दिखेगा:
<p id="test">पाठ!!!</p>
उदाहरण
आइए दिए गए पैराग्राफ के अंत में टैग वाला पाठ डालें:
<p id="test">पाठ</p>
$('#test').append('<b>!!!</b>');
HTML कोड इस तरह दिखेगा:
<p id="test">पाठ<b>!!!</b></p>
उदाहरण
आइए सभी पैराग्राफ ढूंढें और उनमें से प्रत्येक के अंत में सेट में उसका क्रमिक नंबर लगाएं:
<p>पाठ</p>
<p>पाठ</p>
<p>पाठ</p>
<p>पाठ</p>
<p>पाठ</p>
$('p').append(function(index, text){return index;});
HTML कोड इस तरह दिखेगा:
<p>पाठ0</p>
<p>पाठ1</p>
<p>पाठ2</p>
<p>पाठ3</p>
<p>पाठ4</p>