Belirli bir üst öğeye ulaşana kadar tüm ebeveynleri nasıl alırsınız

Question

.closest() ve .parents() arasındaki işlevsellik arasında bir şeye ihtiyacım var. Belli bir ebeveyne kadar belli bir öğenin tüm ebeveynlerine bazı CSS uyguluyorum. Şu anda ben while döngü, ama bunu yapmak için daha iyi bir yol var gibi görünüyor. Bir while döngü olmadan

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

Bunu nasıl elde edebilirsiniz:

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

doğrusu bunlardan biri gibi bir şey yapar mısın?

Answer 1

Sen http://api.jquery.com/parentsUntil/ arıyorsunuz jQuery parentsUntil() fonksiyon

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