Jak zdobyć wszystkich rodziców, aż do pewnego rodzica zostanie osiągnięty

Question

Potrzebuję czegoś pomiędzy funkcjami .closest() i .parents(). Stosuję niektóre CSS do wszystkich rodziców danego elementu aż do pewnego rodzica. Teraz jestem w pętli while, ale wygląda na to, że jest lepszy sposób na zrobienie tego.

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

wolałbym coś zrobić jak jedna z nich:

$(".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. 

Jak mogę to osiągnąć bez while pętli?

Answer 1

Można użyć jQuery parentsUntil() funkcja

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