How to add a list-item at specific position

Question

I\'d like to add a

at a specific position, for example:

    
Position 1
    
Posi         


        

Answer 1

Check insertAfter here

Answer 2

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

index start with 1

Answer 3

You have to use after() instead of append():

Description: Insert content, specified by the parameter, after each element in the set of matched elements.

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

---

The documentation of append() clearly says:

Insert content (...) to the end of each element.

---

For completeness:

Note that :eq(n) matches the nth element of the matching element set, whereas :nth-child(n) matches the nth child of the parent.

Answer 4

You should use after() or insertAfter()
http://api.jquery.com/category/manipulation/dom-insertion-outside/