jQuery：找到不一定是父元素的最近元素

Question

我很清楚 closest() 函数“遍历 DOM 树，直到找到与提供的选择器匹配”。但是，有没有办法让这个函数从定义的点开始搜索所有元素及其子元素？

<ul id="one" class="level-1">
  <li class="item-i">I</li>
  <li id="ii" class="item-ii">II
  <ul class="level-2">
    <li class="item-a">A</li>
    <li class="item-b">B
      <ul class="level-3">
        <li class="item-1">1</li>
        <li class="item-2">2</li>
        <li class="item-3">3</li>
      </ul>
    </li>
    <li class="item-c">C</li>
  </ul>
  </li>
  <li class="item-iii">III</li>
</ul>

如果我选择一个类为item-iii 的元素，并想返回一个类为item-3 的元素，选择器会是什么样子？如果我正确理解了closest()，它将上升到 DOM 树，但从不检查是否有任何元素具有与第二个选择器匹配的子元素。

Answer 1

在所有父元素中搜索 .item-3 元素，然后获取其中的第一个（最接近的）元素，然后在最近的具有此类元素的父元素中找到实际的 .item-3 元素，这将是无效的，但可以做到像这样：

$(this).parents(':has(.item-3)').first().find('.item-3');

FIDDLE

如果它只是在兄弟 LI 中，它可能会更有效

$(this).siblings(':has(.item-3)').first().find('.item-3');

FIDDLE

等等，越具体，通常越有效。

它甚至可以与 closest(); 一起使用

$(this).closest(':has(.item-3)').find('.item-3');

FIDDLE