विशिष्ट स्थिति

Question

मैं उदाहरण के लिए एक विशिष्ट स्थान पर एक <li> जोड़ने के लिए चाहते हैं, एक सूची-आइटम जोड़ने के लिए कैसे:

<ul id="list"> 
    <li>Position 1</li> 
    <li>Position 2</li> 
    <li>Position 4</li> 
<ul> 

कहते हैं कि मैं/<li>Position 2</li> के बाद नीचे एक नया <li> जोड़ना चाहते हैं , मैं jQuery का उपयोग कर इसे कैसे कर सकता हूं?

मैं इसे नीचे दिए गए कोड का उपयोग कर ऐसा करने के लिए कोशिश की है:

$('#list li:eq(1)').append('<li>Position 3</li>'); 

लेकिन, यह काम नहीं किया, क्योंकि यह <li><li>Position 2</li> अंदर जोड़ देती है, बजाय <li>Position 2</li> के बाद नीचे/<li> जोड़ें।

क्या कोई मुझे कुछ मदद दे सकता है?

धन्यवाद।

Answer 1

चेक insertAfterhere

Answer 2

आप append() के बजाय after() उपयोग करने के लिए:

विवरण: सम्मिलित सामग्री, पैरामीटर द्वारा निर्दिष्ट, मिलान किया तत्वों के सेट में प्रत्येक तत्व के बाद।

$('#list li:eq(1)').after('<li>Position 3</li>'); 

---

append() के प्रलेखन स्पष्ट रूप से कहते हैं:

सम्मिलित सामग्री (...) प्रत्येक तत्व के अंत करने के लिए।

---

पूर्णता के लिए:

ध्यान दें कि :eq(n) मिलान तत्व सेट के n वें तत्व से मेल खाता है, जबकि :nth-child(n) माता पिता की n वें बच्चे को मेल खाता है।

Answer 3

आप after() या insertAfter()
http://api.jquery.com/category/manipulation/dom-insertion-outside/

Answer 4

$('<option val="position3">Position3</option>').insertAfter('#list :nth-child(<give childnumber here>)') 

सूचकांक के साथ शुरू का उपयोग करना चाहिए 1