Question

我在div中创建了一个div，在div中，我试图通过最实习的div访问extern 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

Answer 2

您可以将父母用于多个级别：

$('.monkeys').parents('.animals').attr('food')

Answer 3

使用closest

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

Answer 4

您可以使用closet（）或parentsUntil（）。使用parentsUntil，您甚至可以选择多个父母

alert($('.monkeys').parentsUntil(".animals").attr("food"))

获取父div的属性

4 个答案: