Назначить attr на верхний уровень 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> теги