add li to existing ul using jquery

Question

I have 2 divs nested with a ul inside them.

<div id="slide1">
    <div class="images">
         <ul>
         </ul>
     </div>
</div>

I wanted to add a li dynamically to the ul using jquery. The selector I am using is..

$("#slide1 > div.images ul").append(

It does not work. Where am I wrong?

Thanks a lot in advance,

That's the correct selector. Maybe the problem is with the LI you're trying to add. Show the rest of the code. — Barmar
– Barmar, Commented Dec 24, 2013 at 21:54

Sergio · Accepted Answer · 2013-12-24 22:01:45Z

4

You code should work you just need to define the li

var li = $('<li></li>');
li.html('Test!');
$("#slide1 > div.images ul").append(li);

Or as PSL pointed out, just: var li = $('<li>', {'html':'Test!'});

Demo

answered Dec 24, 2013 at 21:55

Sergio

28.9k11 gold badges90 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

kasper Taeymans · Accepted Answer · 2013-12-24 22:00:21Z

2

if you want to append a li element to the end of your ul:

$("#slide1 > div.images ul").append($("<li>my new li</li>"));

or if you want to add a li to the beginning of your ul

$("#slide1 > div.images ul").prepend($("<li>my new li</li>"));

answered Dec 24, 2013 at 22:00

kasper Taeymans

7,0365 gold badges34 silver badges51 bronze badges