Traversing an unordered list using jQuery

Question

This should be an easy one, but I'm not finding much online:

I have an unordered list <ul>, with a few list items underneath it <li>, and I'd like to address each one in the list, and act on it. How can I do this using jQuery?

Thanks.

Answer 1

You could use each() for this.

E.g.

$('ul#id li').each(function(index, element) {
    var li = $(element);
    // ...
});

Answer 2

Something close to this:

$('#myulid').children('li').each(function(i, n) { alert($(this).html()); });

Answer 3

Use this code and change id as appropriate.

$("ul#id_of_desired_ul > li").each(function() {
   //do stuff
   // $(this) references each li
});