Назначить атрибут верхнего уровня ULS

Question

Я довольно новичок в jquery, и у меня, вероятно, очень простая проблема.

Я пытаюсь реализовать всплывающее меню для навигации по новому сайту и из-за ограничений, наложенных наменя с помощью CMS, я не могу добавить классы к <ul>, к которым будет применена функциональность всплывающего окна.

Например:

Изменить это:

<div class="SideCategoryListClassic">
<ul **class="fancynav"**>
    <li class=""><a href="http://blah.com/categories/product/">Product</a>
        <ul>
            <li class="LastChild">
                 <a href="http://blah.com/categories/product/Accessories/">Accessories</a>
            </li>
        </ul>
    </li>
</ul>

<ul **class="fancynav"**>
    <li class=""><a href="http://blah.com/categories/product/">Product</a>
        <ul>
            <li class="LastChild">
                 <a href="http://blah.com/categories/product/Accessories/">Accessories</a>
            </li>
        </ul>
    </li>
</ul>

На это:

<div class="SideCategoryListClassic">
<ul>
    <li class=""><a href="http://blah.com/categories/product/">Product</a>
        <ul>
            <li class="LastChild">
                 <a href="http://blah.com/categories/product/Accessories/">Accessories</a>
            </li>
        </ul>
    </li>
</ul>

<ul>
    <li class=""><a href="http://blah.com/categories/product/">Product</a>
        <ul>
            <li class="LastChild">
                 <a href="http://blah.com/categories/product/Accessories/">Accessories</a>
            </li>
        </ul>
    </li>
</ul>

Опять же, конечно, все просто, но я не уверен, как захватить только эти верхние уровни <ul>без вложенных в них.

Answer 1

$(".SideCategoryListClassic > ul")

Это получает только ul s, которые являются прямыми потомками .SideCategoryListClassic

Answer 2

Я думаю, что вы хотите что-то вроде следующего ...

$(".SideCategoryListClassic").children("ul").addClass("myClass");

бит children("ul") получит только верхний уровень <ul> теги