jquery first code quiz

You're close.

Imagine the HTML looking like this:

<ul class="nav">
  <li></li>
</ul>

Let me know if you need any more pointers.

[Edit:] Looks like Andrew responded while I was typing my response, oops

The key to this question is to understand that the <ul> element has a class of nav, in other words it's <ul class = "nav">.

So the HTML would look something like this:

<ul class="nav">
  <li></li>
</ul>

Now ask yourself ... what is the CSS selector I would use to select all <li>s from the above markup?

Thanks for the above pointers but for some reason I'm still having a bit of difficulty with this code challenge. The answer I'm coming up with is:

$(".nav > li");

Any help would be much appreciated

Would'nt it be either:

$(".nav + li");

or just simply:

$(".nav li");

Not that I've passed any jquery code before, so just guessing :)

Christiaan - thanks but unfortunately those lines of code don't work either :(

Keep getting this error message: "Enter the string of the CSS selector for all li elements in a ul element with the class of 'nav' "

EDIT: Excuse me, I'm tired.. I had spare time, so I looked up on the jQuery site for the correct selector. The correct one should be:

$("ul.nav > li")

Source: http://api.jquery.com/child-selector/

That's great! It worked! Many thanks for the help, much appreciated.

I could make this more forgiving but imagine a page with :

<ul class="nav">
  <li>Select this</li>
</ul>

<div class="nav">
  <ol>
      <li>Dont' select this</li>
  </ol>
</div>

So the correct selector is ul.nav li :)

Thanks Andrew for your pointers. Loving this website and the courses so big shout out to all the staff keep up the good work.

Thanks again for everyone's replies.

No problem :) And I guess Andrews was more general :)

thanks Andrew your last example you gave is spot on, i understand it perfectly now!

thans man!!

why doesn't $(".nav li") work? wouldn't .nav automatically select the ul that has it as the class, and then the li grab all the list items under it? Is the 'ul' before the '.nav' necessary when coding?

Hi Joseph,

It depends on the HTML for example the li in the ul and ol would be selected in the following:

<ul class="nav">
  <li>Select this</li>
</ul>

<div class="nav">
  <ol>
      <li>Dont' select this</li>
  </ol>
</div>

Whereas ul.nav li would only select the li elements in all ul elements with the class of .nav. It's a very specific question for a specific answer. $(".nav li") would work if you didn't have the other HTML present.

So that answer is correct sometimes, whereas ul.nav li is always correct.

Regards Andrew