首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >获取父div的属性

获取父div的属性
EN

Stack Overflow用户
提问于 2014-10-22 10:22:39
回答 4查看 408关注 0票数 1

我在div中创建了div,在div中创建了div,并试图通过大多数实习生div访问extern的属性food。我怎么能这么做?

我在代码中评论,我想提醒‘香蕉’。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//alert($('.animals').attr('food')); //alerts banana

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

//alert($('.monkeys').parent().parent().attr('food')); //doesn't alert banana
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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>

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2014-10-22 10:25:26

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
alert($('.mammals').closest(".animals").attr('food')); 
alert($('.monkeys').closest(".animals").attr('food')

请参阅closest() in Jquery DOCS here

票数 4
EN

Stack Overflow用户

发布于 2014-10-22 10:26:12

您可以在多个级别上使用父母:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('.monkeys').parents('.animals').attr('food')
票数 3
EN

Stack Overflow用户

发布于 2014-10-22 10:25:01

使用closest

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
alert($('.monkeys').closest(".animals").attr("food"))
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26514433

复制
相关文章

相似问题

添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文