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