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

您可以使用jquery parentsUntil()功能

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