मैं दूसरे तत्व के बाद एक तत्व कैसे जोड़ सकता हूं?

Question

मेरे पास एक निश्चित टेक्स्टबॉक्स है और मैं इसके बाद एक div जोड़ना चाहता हूं। मैंने .append()फ़ंक्शन की कोशिश की है, लेकिन यह केवल तत्व में div जोड़ता है।

उदाहरण के लिए, मेरे पास:

<input type="text" id="bla" />

और मैं इसे उस में बदलना चाहता हूं:

<input type="text" id="bla" /><div id="space"></div>

Answer 1

after()विधि का उपयोग करके देखें :

$('#bla').after('<div id="space"></div>');

प्रलेखन

Comments

.After () और .insertAfter () विधियाँ समान कार्य करती हैं।

— रिफत

यह सही है, लेकिन यह उस तरह पर निर्भर करता है जिस तरह से आप इसे कोड करना पसंद करते हैं। मैं आमतौर पर पहले से चयनित '#bla' इनपुट रखता हूं, और फिर बाद में अतिरिक्त सामग्री जोड़ता हूं। विशुद्ध रूप से मेरी पसंद हालांकि, मुझे यकीन नहीं है कि क्या विधि में गति का लाभ है।

— रोवन

Answer 2

प्रयत्न

.insertAfter()

यहाँ

$(content).insertAfter('#bla');

Comments

क्या आपका कोड $('<div id="space"></div>').insertAfter('#bla')इसके बजाय अधिक पसंद नहीं होना चाहिए $('#bla').insertAfter(content);?

— रोवन

Answer 3

सबसे पहले, inputतत्व में एक समापन टैग नहीं होना चाहिए ( http://www.w3.org/TR/html401/interact/forms.html#edef-INPUT : अंतिम टैग: निषिद्ध)।

दूसरी बात, आपको कार्य करने की आवश्यकता है after(), append()कार्य करने की नहीं ।

Comments

सही, लेकिन यह तब होता है जब मैं .append () फ़ंक्शन का प्रयास करता हूं।

— स्किट

यदि यह एक्सएचटीएमएल है तो इनपुट तत्व बंद होना चाहिए (लेकिन एंड टैग के साथ नहीं)।

— CiscoIPPhone

HTML4 में <input>बंद नहीं होना चाहिए।

— डेरेक 會 會 ere

Answer 4

सॉल्व्ड jQuery: एक और तत्व के बाद तत्व जोड़ें

<script>
$( "p" ).append( "<strong>Hello</strong>" );
</script>

या

<script type="text/javascript"> 
jQuery(document).ready(function(){
jQuery ( ".sidebar_cart" ) .append( "<a href='http://#'>Continue Shopping</a>" );
});
</script>

Comments

यह गलत है। यह मूल तत्व के भीतर तत्व को जोड़ता है, जैसे कि ओपी ने कहा है। प्रश्न को फिर से पढ़ने और अपने उत्तर को संशोधित करने पर विचार करें।

— इवान विलैंड 16