jQuery - 从上面查找具有特定类的第一个元素，但不在另一个元素之前

Question

HTML 看起来像这样：

<li class="divider">
  <div>
    ...(maybe more divs)...      
      <div class="content">
         ...(maybe more divs)...
         <a href="#" class="link">LINK</a>

...

如何从挂在链接上的 jQuery 函数中选择 .content DIV？ 请注意，我有多个这样的列表，其中一些列表可能会丢失 div.content，因此我只想选择当前块 (li.divider) 中存在的 div。

我尝试使用 $link.parent().parent().find('content') 但在某些情况下会失败，因为这两个元素之间的元素数量可能会改变......

Answer 1

如果它们没有嵌套，您应该能够执行以下操作：

$('a.link').click(function() {
    $(this).closest('div.content');
});

或者

$('a.link').click(function() {
    $(this).parents('div.content:first');
});

如果它们是嵌套的，那么您可能需要执行以下操作：

$('a.link').click(function() {
    $(this).closest('li.divider').find('div.content');
});

...这样，如果存在嵌套，并且没有 div。 content 在当前的中，您最终不会选择更远的 div.content 祖先。

• http://api.jquery.com/closest/
• http://api.jquery.com/parents/

Answer 2

$link.parent(".content")？

Answer 3

使用 closest 选择器...

var parentContent = $(this).closest("div.content");

if(parentContent.length > 0) {
  alert("DIV was found!");
}