Question

I have a generated unordered list (ul). Later on the page I have a series of DIVS, each div corresponds to an LI in the UL. How would I “attach” these DIVS to the LI items? I mean visually. As if the DIV was “attached” or “snapped” to the bottom of the LI.

I know this would be MUCH easier if I made each div a child UL within the LI and CSS would actually handle that, but the parent UL is being automatically generated without an option to add elements to it.

Thanks for your help.

Answer 1

You can use jQuery.append() http://api.jquery.com/append/

And then you can do something like:

$('li#myListItem').append('<div>New Content</div>');