Селектор jquery для дочернего элемента

Question

Какой правильный метод для циклического прохождения элементов "li" самого низкого уровня?

<div id="mainnav">
    <ul>
        <li>
            <ul>
                <!-- These are the elements I want to loop through -->
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <!-- End These are the elements I want to loop through -->
            </ul>
        </li>
    </ul>
</div>

Я пробовал это, но селектор не срабатывает.

jQuery("#mainNav > ul > li > ul > li").each(function () { 

});

Answer 1

# ID селекторов чувствительны к регистру, вам нужно #mainnav (нижний регистр n), например:

jQuery("#mainnav > ul > li > ul > li").each(function () { 

});

Вы можете проверить это здесь .