jQuery
प्रारंभ में लगा

एक तत्व को एक कंटेनर में भेजना

समाधान 1:

 $('#parent').prepend($('#child')); 

समाधान 2:

 $('#child').prependTo($('#parent'));

दोनों समाधान तत्व #child (शुरुआत में जोड़ते हुए) तत्व #parent को पूर्व #parent ।

इससे पहले:

<div id="parent">
  <span>other content</span>
</div>
<div id="child">

</div>

उपरांत:

<div id="parent">
  <div id="child">

  </div>
  <span>other content</span>
</div>

तैयारी विधि

prepend() - सम्मिलित तत्वों के सेट में प्रत्येक तत्व की शुरुआत के लिए, पैरामीटर द्वारा निर्दिष्ट सामग्री डालें।

1. prepend( content [, content ] )

// with html string
jQuery('#parent').prepend('<span>child</span>');
// or you can use jQuery object
jQuery('#parent').prepend($('#child'));
// or you can use comma seperated multiple elements to prepend
jQuery('#parent').prepend($('#child1'),$('#child2'));

2. prepend(function)

JQuery version: 1.4 बाद आप कॉलबैक फ़ंक्शन का उपयोग तर्क के रूप में कर सकते हैं। जहां आप सेट में तत्व की सूचकांक स्थिति और तत्व के पुराने HTML मूल्य के रूप में तर्क प्राप्त कर सकते हैं। फ़ंक्शन के भीतर, this सेट में वर्तमान तत्व को संदर्भित करता है।

jQuery('#parent').prepend(function(i,oldHTML){      
     // return the value to be prepend
     return  '<span>child</span>';
});