Question

How would i select the below item, i do not want to select every LI of .top but just the LI i have just created on the append.

How is this possible?

$('.top').append('<li><span>' + html + '</span></li>');

Answer 1

Use the :last pseudo-class selector.

$('.top > li:last')

---

Alternate option: consider creating the element slightly differently.

var $li = $('<li><span>' + html + '</span></li>');
$('.top').append($li);
// you already have the <li> selected, in $li