Introduction to jQuery > Using jQuery to Select Elements

"On the next line, use jQuery to select all list items (li) in an unordered list (ul) with the class of 'nav'?"

All LI in UL $('ul li');

where the UL has CLASS = nav

$('ul.nav li');

Hi Paul,

I'm not sure. I haven't reached that bit yet. But, the language used to refer to it seemed logical IF you are used to working with CSS selectors, regularly.

I read it as: a) Select LI elements

• $('li'); b) in a UL
• $('ul li'); c) with a class ("with" referring to the UL or LI):
• $('ul.nav li') OR $('ul li.nav');

However, since you wouldn't normally mark a list item element with a navigation class separately from the other list item elements within the same unordered list, I assumed the 'nav' class belonged to the UL element.

But, I haven't reached that yet to know if there's a better way to have written it in the context. What's the course link?

Thanks, Andrew

I never even thought of piecing it together like that, with the way I was interpreting the question, thanks a lot Andrew!

My pleasure Jordan :)

Thanks Andrew!

Thanks for the help. I don't see any possible way someone could have figured this out without the help of the forum. This isn't covered in the video, and there doesn't seem to be a reference out there.

Am I missing something?

How to compose CSS selectors aren't covered in this video. How to select elements with jQuery using CSS selectors are.

This challenge is designed to see how comfortable you are with CSS. If you find yourself struggling with CSS it may be an idea to take a look at the deep dive in to CSS by Guil.

Hi Andrew, very good point :)

That is excellent advice Andrew. Thank you for the incredibly fast response.

I made the jump straight from the Responsive plan to the Interactive plan. I hadn't even considered the deep dives.

I'll start on those now!

Kind Regards

:)

@Paul - JQuery comes at the end of an 8 course sequence.

Check out the Become a Web Designer learning adventure to see the order in which the courses were designed to be completed in.

That's awesome, thanks James - I just joined.

That order makes much more sense to me.

This is a great forum!

@Paul - It's a common mistake that new members make.

I was stuck on this one as well. Thanks for the help guys

Hello there,

I have tried: $("ul.nav li"); and $('ul.nav li');

none of these are working, please help, I'm getting frustrated!

Thanks

I deleted the $("#container"); , that was the real problem. Heh

this is a badly composed question, it's very easy to think that you mean li elements with the class of nav rather than the ul having it