Question

I have the following HTML

<ul>
   <li>Some stuff first<li>
</ul>

Basically I am using appendTo(ul) to append a bunch of stuff to this but I want it to actually append AFTER the first child li ?

How can I do this ?

I’ve tried .appendTo(ul).insertAfter('li:first');

Answer 1

You don’t need to combine appendTo and insertAfter, you can just use insertAfter and make the selector more specific:

var li = $("<li>New</li>");
li.insertAfter($("ul li:first"));

Here’s a working example.

Edit based on comments

I think what you mean is that you already have the ul in a variable and would like to use that. If that’s the case, you could try something like this:

var li = $("<li>New</li>");
li.insertAfter(ul.children().eq(0));

Here’s an example of that one.