javascript - 获取父div的属性

Question

我创建了一个 div，在一个 div 中，在一个 div 中，我试图通过最内部的 div 访问外部 div 的属性 food。我该怎么做？

我在代码中注释了，我正在尝试提醒“香蕉”。

//alert($('.animals').attr('food')); //alerts banana

//alert($('.mammals').parent().attr('food')); //alerts banana

//alert($('.monkeys').parent().parent().attr('food')); //doesn't alert banana

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="animals" food="banana">
  <div class="mammals">
    <div class="monkeys">
    </div>
  </div>


</div>

Answer 1

您可以使用closest() 获取子元素的特定父元素 :

alert($('.mammals').closest(".animals").attr('food')); 
alert($('.monkeys').closest(".animals").attr('food')

参见 closest() in Jquery DOCS here