javascript - 访问最远的父级

Question

这个问题已经有答案了:

Opposite to jQuery's .Closest (Top/Far-Most?) (4 个回答)

已关闭 5 年前。

我想知道我怎样才能addClass到距离 li 最远的父级，我尝试了这个，它工作正常，但我觉得这是一个糟糕的逻辑，不是吗？

$('li').each(function() {
  $(this).click(function() {
    $(this).parent().parent().parent().parent().parent().parent().addClass('myClass');
  });
});

.myClass {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div> <!-- I want to add class to this parent -->
  <div>
    <div>
      <div>
        <div>
          <ul>
            <li><a>Click</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

我想要类似closest()的东西适用于 children ，有没有办法访问盛大parent ？在这个例子中我被迫写 parent()六次!

Answer 1

在元素的所有 .parents() 中获取 .last()。

$('li').each(function() {
  $(this).click(function() {
    $(this).parents('div').last().addClass('myClass');
  });
});

.myClass {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div> <!-- I want to add class to this parent -->
  <div>
    <div>
      <div>
        <div>
          <ul>
            <li><a>Click</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>