jQuery 需要隐藏一个深埋的元素，我无法理解它

Question

我有一个嵌套结构，由于某些托管的 jQuery 而无法编辑，因此我需要隐藏多个表单中每个表单中的最后一个元素，问题是它们都具有相同的类名，但是需要的类名至少要被杀死的是没有包装器 div 的管道。可能有 12 种表单具有以下(截断的)标记:

<form class="select-form>
<div class="select-wrapper">
  <div class="select-list">...</div>
</div>
<div class="select-wrapper">
  <div class="select-list">...</div>
</div>
<!--No Wrapper I need this killed -->
   <div class="select-list">...</div>
</form>

所以基本上我需要任何没有 select-wrapper 的父/容器元素的选择列表类，以将其“选择列表”类更改为“隐藏”。我如何用 jQuery 语言表达这个？我尝试了以下变体，但似乎无法正确 Hook 该元素:

<script>$('.select-form div').not(':has(.selector-wrapper)').addClass('hide-me').css('display', 'none');</script>

Answer 1

在 CSS 中，> 选择运算符仅表示直系后代(子代)，因此您可以执行以下操作:

$('.select-form>.select-list').addClass('hide-me').hide();

这仅对类 .select-list 的元素进行操作，这些元素是类 .select-form 的元素的直接子元素。