2 replies to this topic

[Jose_49]

Guys I need help using jQuery or javascript. I'm trying to append a child <li> on a <ul> which is a child of a div.

jQuery API page is not working so I can't get reference.

Can you help me?

Example:

<div id="division">
<ul class="overview">
<li>Element #1 </li>
<li>Element #2 </li>
<li>Element #3 </li>

<li> An Element I would like to append</li>
</ul>
</div>

Thanks .

I've been trying to do this:
var caca = document.createElement('li');
document.getElementById('division').appendChild(caca);

But haven't get it....

[Tjcool007]

jQuery

$("#division > ul").append("<li>text here</li>");

There's other possibilities for the selector, this is just one way to do it.

Plain JavaScript would be something like this:

//Create list item
var item = document.createElement('li');

//Put text in it
item.appendChild(document.createTextNode('text here'));

//Get the first ul (index 0) from the element 'division'
var list = document.getElementById('division').getElementsByTagName('ul')[0];

//Add it to the list
​list.appendChild(item);​

[Jose_49]

Nice! Thanks Tjcool007!