首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >选择所有具有相同类名的父母。

选择所有具有相同类名的父母。
EN

Stack Overflow用户
提问于 2014-03-04 07:29:37
回答 3查看 65关注 0票数 5

我需要使用jQuery选择所有具有相同类的家长

现在我只能选择一个元素,但我希望选择所有父元素。

代码语言:javascript
复制
<div class="text">
 <div class="text">
  <div class="text">
   <div class="text">
    <div class="text">
     <div class="text-3">
      hi
     </div>
    </div>
   </div>
  </div>
 </div>
</div>

在这里,我需要选择.text-3的父元素,它的类名是text

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-03-04 07:31:30

使用.parents()

描述:获取当前匹配元素集中每个元素的祖先,可以选择由选择器筛选。

代码语言:javascript
复制
$('.text-3').parents('.text')

若要迭代每个元素,请使用:

代码语言:javascript
复制
$('.text-3').parents('.text').each(function(){
   //code here
});

工频

票数 3
EN

Stack Overflow用户

发布于 2014-03-04 07:30:47

您可以使用父母()

获取当前匹配元素集中每个元素的祖先,可以选择由选择器筛选。

代码语言:javascript
复制
var parents = $('.text-3').parents('.text')

有()

将匹配元素的集合减少为具有与选择器或DOM元素匹配的后代的元素集。

代码语言:javascript
复制
var parents = $('.text').has('.text-3')
票数 4
EN

Stack Overflow用户

发布于 2014-03-04 07:31:32

尝试使用.parents()

代码语言:javascript
复制
$('.text-3').parents('.text')

链接站点中的示例:

查找每个b的所有父元素。

代码语言:javascript
复制
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>parents demo</title>
  <style>
  b, span, p, html body {
    padding: .5em;
    border: 1px solid;
  }
  b {
    color: blue;
  }
  strong {
    color: red;
  }
  </style>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<div>
  <p>
    <span>
      <b>My parents are: </b>
    </span>
  </p>
</div>

<script>
var parentEls = $( "b" ).parents()
  .map(function() {
    return this.tagName;
  })
  .get()
  .join( ", " );
$( "b" ).append( "<strong>" + parentEls + "</strong>" );
</script>

</body>
</html>

我的父母是: SPAN,P,DIV,BODY,HTML

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22165577

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档