मैं टैग समाप्त किए बिना html टैग जोड़ना चाहता हूं - जावास्क्रिप्ट, jquery, html

मैं उस तरह के टैग को समाप्त किए बिना html टैग जोड़ना चाहता हूं <div class="bottom-widget"> । उसके लिए मैं jQuery के प्रीपेंड () विधि का उपयोग करता हूं लेकिन इसके द्वारा पूर्ण टैग जोड़ा गया था!

एचटीएमएल मार्कअप -

<div class="widget">

<h2>this is content 1</h2>
</div>
</div>

जावास्क्रिप्ट कोड:

$(".widget").prepend("<div class="bottom-widget">");

उत्तर:

शायद आप ढूंढ रहे हैं wrapInner समारोह।

और आप कोड होगा:

$(".wrapInner").wrapInner("<div class="bottom-widget">");

मुझे लगता है कि आपको सही html की आवश्यकता है इसलिए इस शुरुआती टैग के बाद आपके पास एक बंद करने के साथ एक और होगा। इस कारण से आप jQuery का उपयोग कर सकते हैं wrapInner समारोह (http://api.jquery.com/wrapinner/) पहला तत्व (या बनाएँ) जिस तत्व को आप अपने अंदर लपेटना चाहते हैं नीचे-विजेट तत्व, बनाने से नीचे-विजेट तत्व और उपर्युक्त तत्व को इसमें डालें।

$(".widget").prepend("<div class="bottom-widget"></div>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="widget">
<h2>this is content 1</h2>
</div>