Cách nhận tất cả phụ huynh cho đến khi một phụ huynh nào đó đạt được

Question

Tôi cần một cái gì đó ở giữa chức năng của .closest() và .parents(). Tôi đang áp dụng một số CSS cho tất cả phụ huynh của một yếu tố nhất định cho đến một phụ huynh nhất định. Ngay bây giờ tôi là while lặp lại, nhưng có vẻ như có cách tốt hơn để làm điều này.

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

Tôi muốn làm điều gì đó như một trong những:

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

Làm thế nào tôi có thể đạt được điều này mà không có một vòng lặp while?

Answer 1

Bạn có thể sử dụng jquery parentsUntil() chức năng

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