मेथड after
after मेथड दिए गए एलिमेंट के बाद
टेक्स्ट जोड़ती है। इसी तरह से काम करने वाली
insertAfter
नामक एक मेथड भी मौजूद है।
सिंटैक्स
एलिमेंट के बाद टेक्स्ट इन्सर्ट करना:
$(सिलेक्टर).after(टेक्स्ट);
इस तरह से चुने गए एलिमेंट्स के बाद वह टेक्स्ट जोड़ा जाएगा, जो यूजर-डिफाइंड फंक्शन द्वारा वापस लौटाया गया है। यह फंक्शन चुने गए प्रत्येक एलिमेंट के लिए अलग से कॉल किया जाता है। इस फंक्शन के पहले पैरामीटर में चुने गए एलिमेंट्स के सेट में प्रत्येक एलिमेंट का नंबर (बारी-बारी से) आता है, और दूसरे में - एलिमेंट की करंट कंटेंट:
$(सिलेक्टर).after(function(सेट में नंबर, एलिमेंट की करंट कंटेंट));
टेक्स्ट सिर्फ साधारण टेक्स्ट ही नहीं, बल्कि DOM एलिमेंट या jQuery ऑब्जेक्ट भी हो सकता है। इस स्थिति में ये एलिमेंट्स HTML कोड में अपनी पोजीशन से मूव हो जाएंगे।
उदाहरण
आइए दिए गए पैराग्राफ के बाद टेक्स्ट इन्सर्ट करें:
<p id="test">टेक्स्ट</p>
$('#test').after('!!!');
HTML कोड इस तरह दिखेगा:
<p id="test">टेक्स्ट</p>!!!
उदाहरण
आइए दिए गए पैराग्राफ के बाद टैग्स वाला टेक्स्ट इन्सर्ट करें:
<p id="test">टेक्स्ट</p>
$('#test').after('<p>!!!</p>');
HTML कोड इस तरह दिखेगा:
<p id="test">टेक्स्ट</p><p>!!!</p>
उदाहरण
आइए एक पैराग्राफ को दूसरे के नीचे मूव करें (यानी पैराग्राफ को पुरानी जगह से काटकर नई जगह पर रख दें):
<p id="p1">टेक्स्ट1</p>
<p id="p2">टेक्स्ट2</p>
$('#p1').after('#p2');
HTML कोड इस तरह दिखेगा:
<p id="p2">टेक्स्ट2</p>
<p id="p1">टेक्स्ट1</p>
यह भी देखें
-
insertAfterमेथड,
जो दिए गए एलिमेंट के बाद टेक्स्ट जोड़ती है -
before,append,prependमेथड्स,
जो पेज पर निश्चित जगह कंटेंट जोड़ने की अनुमति देती हैं -
cloneमेथड,
जो चुने गए एलिमेंट्स की कॉपीज बनाती है
