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.

BalusC · Accepted Answer · 2009-11-18 23:59:49Z

14

You could use each() for this.

E.g.

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

answered Nov 18, 2009 at 23:59

BalusC

1.1m377 gold badges3.7k silver badges3.6k bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Russ Cam Over a year ago

I think you meant to link to the core each() - docs.jquery.com/Core/each as opposed to the utility function each() :)

BalusC Over a year ago

Yes, found that out a sec after :)

Randal Schwartz Over a year ago

I think you want only the immediate li children, as it may be nested. That means $('ul#id > li').each(...)

Josh Pearce · Accepted Answer · 2009-11-19 00:00:00Z

3

Something close to this:

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

answered Nov 19, 2009 at 0:00

Josh Pearce

3,4551 gold badge25 silver badges27 bronze badges

Comments

Mercurybullet · Accepted Answer · 2009-11-19 00:19:18Z

3

Use this code and change id as appropriate.

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

edited Nov 19, 2009 at 0:19

answered Nov 19, 2009 at 0:00

Mercurybullet

8891 gold badge10 silver badges20 bronze badges

1 Comment

Randal Schwartz Over a year ago

I think you want only the immediate li children, as it may be nested. That means $('ul#id > li').each(...)

Collectives™ on Stack Overflow

Traversing an unordered list using jQuery

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related