jquery - 如何获得所有父母，直到达到某个父母

Question

我需要介于 和 的功能之间的.closest()东西.parents()。我正在将一些 CSS 应用于某个元素的所有父元素，直到某个父元素。现在我正在while循环，但似乎有更好的方法来做到这一点。

var goUp = $(".distant-child");
while(!goUp.hasClass("ancestor-to-stop-at")){
    goUp.css("height","100%");
    goUp = goUp.parent();
}

我宁愿做这样的事情之一：

$(".distant-child").closest(".ancestor-to-stop-at").css("height","100%"); //won't work because .closest() only returns the top ancestor
$(".distant-child").parents(".ancestor-to-stop-at").css("height","100%"); //won't work because .parents() doesn't take this parameter and won't stop at the specified element.

我怎样才能在没有while循环的情况下实现这一点？

Answer 1

你可以使用jqueryparentsUntil()函数

$(".distant-child").parentsUntil(".ancestor-to-stop-at").css("height","100%");