How to add LI in UL in arbitrary position using jQuery

javascript, jquery

Solution

You have to use prepend() instead of `append`

$("#friends").prepend('<li><a href="javascript:void(0);" class="new">Friend 1</a></li>'); 

To append at particular position you can use eq()

$("#friends li").eq(4).append('<li><a href="javascript:void(0);" class="new">Friend 1</a></li>');

Problem

I want to add LI in my existing UL. My HTML is like this: ``` <ul id="friends"> <li><a href="javascript:void(0);" class="new">Friend 2</a></li> <li><a href="javascript:void(0);" class="new">Friend 3</a></li> <li><a href="javascript:void(0);" class="new">Friend 4</a></li> <li><a href="javascript:void(0);" class="offline">Friend 6</a></li> <li><a href="javascript:void(0);" class="offline">Friend 7</a></li> <li><a href="javascript:void(0);" class="invited">Friend 8</a></li> </ul> ``` i know i can use it to add LI at the and ``` $("#friends").append('<li><a href="javascript:void(0);" class="new">Friend 1</a></li>'); ``` But it will add in last position and i want to add it at first position or in middle. How to specify the position at which I want to insert the LI?

Original source