Какой синтаксис jQuery я бы использовал для поиска всех UL-тегов первого поколения внутри родительского тега (и всех его дочерних элементов)

Question

Учитывая следующий HTML-код, как я могу выбрать все теги UL 1-го поколения, чтобы у меня были следующие элементы: company, subnav_1 - subnav_4, enginTool, prodSup, qualRel и lit, но ни один из UL внутри из этих элементов?

<div id="col1">
  <h2></h2>
  <ul id="company"></ul>
  <div id="nav">
    <div id="navcordion">
      <h2></h2>
      <div>
        <ul id="subnav_1">
          <li>
            <ul></ul>
          </li>
        </ul>
      </div>
      <h2></h2>
      <div>
        <ul id="subnav_2">
          <li>
            <ul></ul>
          </li>
        </ul>
      </div>
      <h2></h2>
      <div>
        <ul id="subnav_3">
          <li>
            <ul></ul>
          </li>
        </ul>
      </div>
      <h2></h2>
      <div>
        <ul id="subnav_4"></ul>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  <h2></h2>
  <h2></h2>
  <ul id="enginTool"></ul>
  <h2></h2>
  <ul id="prodSup"></ul>
  <h2></h2>
  <ul id="qualRel"></ul>
  <h2></h2>
  <h2></h2>
  <h2></h2>
  <ul id="lit"></ul>
  <h2></h2>
</div>

Я пробовал #col1>ul, #col1 ul:first и #col1 ul:nth-child(1), но ни один из них не дает мне все элементы, которые мне нужны.

Answer 1

Так как <ul> с находятся только в <li> с или <div> с, будет ли это работать? Выбирает только <ul> s, которые являются потомками <div> s.

div > ul

Используя jQuery, вы сможете фильтровать, передавая родителя #col1 в качестве второго аргумента $(), чтобы вы не случайно выбрали другие списки.