如何在带有id钩子的div中找到选择元素，所选元素不得具有类.select-box的父元素?

Question

如何在带有 id 钩子的div 中查找选择元素，所选元素不得具有类 .select-box 的父元素

网页代码

<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>

j查询代码

$('#hook').find('select').each(function(e) {
fun($(this));
});

编辑

选择元素嵌套在更多元素中。

Answer 1

$('#hook > select')

>意味着只选择之前选择的内容的直接后代。因此，将仅选择作为选定元素的#hook的直接子元素。

Answer 2

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

工作笔：https://codepen.io/MoMolog/pen/wvBqQep