jQuery Selection Child of UL. Looking for a better method

Question

I have a div element which contains UL and UL contains the LI items. One of the LI item has an ID of stocknumber. I need to select that li.

Here is my code which works fine I am just looking for a better implementation.

$(".block").children("ul").children("#stocknumber") // gets me the li and it works!! 

UPDATE 1:

Please note that ids are not unique!

Here is what I came up with:

$(".block").children("ul").find("#stocknumber") 

Answer 1

$(".block > ul > #stocknumber")

or even:

$("#stocknumber"); // because every id in your HTML should be unique

Answer 2

$("#stocknumber");

Since IDs are unique, you shouldn't have more than one element with the ID of stocknumber in your page.

Answer 3

I think I got my answer using the find method.

$(".block").children("ul").find("#stocknumber")

Answer 4

You should definitely select it by its ID directly.

$('#stocknumber');

If you have more than one element with that same ID, it is bad, and you will have problems with your code.

In that situation, you should use classes instead of IDs, like this:

$(".block").find(".stocknumber");

or

$('.stocknumber', '.block');

With HTML like this:

<div class='block'>
    <ul>
        <li class='stocknumber'>number</li>
    </ul>
</div>

<div class='block'>
    <ul>
        <li class='stocknumber'>number</li>
    </ul>
</div>

Answer 5

$('#stocknumber').

Id's should be unique to the page. You're just slowing things down.

Answer 6

If that LI has an id just do

$('#stocknumber')

since ids have to be unique in the markup.