Question

this is my current code

 $('ul#attachmentlist>li').last().after("<li>new item on list</li>");
 $('ul#attachmentlist>li').last().effect("highlight", {}, 2000);

what i want is to have the newly inserted li element get highlighted after it is sorted

 $('ul#attachmentlist>li').last().after("new item on list");
 $("ul#attachmentlist>li").tsort(); // tinysort plugin
 $('ul#attachmentlist>li').last().effect("highlight", {}, 2000);

i have sorting working,
how do i get a reference to the newly inserted item, so that when i call the highlight effect,
it highlights the newly inserted element, not the last one on the list ?

thanks

Answer 1

What if you created the object before inserting it? Then you’d have the correct reference to highlight:

var newListItem = $("<li>new item on list</li>");
$('ul#attachmentlist>li').last().after(newListItem);
$("ul#attachmentlist>li").tsort(); // tinysort plugin
newListItem.effect("highlight", {}, 2000);