before विधि

before विधि दिए गए तत्व से पहले टेक्स्ट जोड़ती है। इसी तरह से काम करने वाली insertBefore नामक एक विधि भी मौजूद है।

सिंटैक्स

तत्व से पहले टेक्स्ट डालना:

javascript$(सेलेक्टर).before(टेक्स्ट);

इस तरह चयनित तत्वों से पहले वह टेक्स्ट जोड़ा जाएगा, जो यूजर-डिफाइंड फंक्शन द्वारा रिटर्न किया गया है:

javascript$(सेलेक्टर).before(function(सेट में इंडेक्स));

फंक्शन के उपयोग का एक और विकल्प, दूसरे पैरामीटर में तत्व का पुराना html वैल्यू सेट होता है:

javascript$(सेलेक्टर).before(function(सेट में इंडेक्स, html स्ट्रिंग));

टेक्स्ट सिर्फ साधारण टेक्स्ट ही नहीं, बल्कि DOM एलिमेंट या jQuery ऑब्जेक्ट भी हो सकता है। इस स्थिति में ये एलिमेंट HTML कोड में अपनी पोजीशन से हटाकर नई जगह लग जाएंगे।

उदाहरण

आइए दिए गए पैराग्राफ से पहले टेक्स्ट डालें:

html<p id="test">टेक्स्ट</p>

javascript$('#test').before('!!!');

HTML कोड इस तरह दिखेगा:

html!!!<p id="test">टेक्स्ट</p>

उदाहरण

आइए दिए गए पैराग्राफ से पहले टैग्स वाला टेक्स्ट डालें:

html<p id="test">टेक्स्ट</p>

javascript$('#test').before('<p>!!!</p>');

HTML कोड इस तरह दिखेगा:

html<p>!!!</p><p id="test">टेक्स्ट</p>

उदाहरण

आइए एक पैराग्राफ को दूसरे के ऊपर रखें (यानी पैराग्राफ को पुरानी जगह से काटकर नई जगह पर रखें):

html<p id="p1">टेक्स्ट1</p>
<p id="p2">टेक्स्ट2</p>

javascript$('#p2').before($('#p1'));

HTML कोड इस तरह दिखेगा:

html<p id="p1">टेक्स्ट1</p>
<p id="p2">टेक्स्ट2</p>

यह भी देखें