जब तक कोई निश्चित माता-पिता तक पहुंच नहीं जाता है तब तक सभी माता-पिता कैसे प्राप्त करें

Question

मुझे .closest() और .parents() की कार्यक्षमता के बीच कुछ चाहिए। मैं कुछ निश्चित माता-पिता को एक निश्चित तत्व के सभी माता-पिता को कुछ सीएसएस लागू कर रहा हूं। अभी मैं while लूपिंग कर रहा हूं, लेकिन ऐसा लगता है कि ऐसा करने का एक बेहतर तरीका है। एक while पाश बिना

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

मैं यह कैसे प्राप्त कर सकते हैं:

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

मैं नहीं बल्कि इनमें से किसी एक की तरह कुछ करना चाहते हैं?

Answer 1

आप उपयोग कर सकते हैं jQuery parentsUntil() समारोह

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