Javascript 如何在id为hook的div中查找select元素，所选元素不能有类为的父元素。选择框？

如何在id为hook的div中查找select元素，所选元素不能具有类为的父元素。选择框

HTML代码

<div id="hook">
   .
   .
   some elements here
    .
    .
    <select class="a">
        <option>Full-time</option>
    </select>

    <div id="select-box">
        <select class="a"> <!--  DO NOT SELECT THIS  -->
            <option>Full-time</option>
        </select>
    </div>

    <select class="a">
        <option>Full-time</option>
    </select>
    <select class="a">
        <option>Full-time</option>
    </select>
</div>

编辑

select元素嵌套在其他一些元素中。

$（“#hook>select”）

意味着只选择前面所选内容的直接后代。因此，只会选择作为select元素的

#hook

的直接子元素

$('#hook :not(.select-box) select').each((i, e) =>
  fun($(e))
)

---

工作笔：

在这里不起作用，因为select嵌套在其他一些元素中。@Syed这是一个jQuery解决方案。

$('#hook :not(.select-box) select').each((i, e) =>
  fun($(e))
)