用 jQuery 找到 parent

Question

我有以下代码：

<div class="as-mobile-item as-mobile-question">
    <label>Test</label>
    <div>
        <textarea name="as_items" class="form-control input-lg as-task-input as-section-ending" rows="3"></textarea>
    </div>
</div>

给定 as-section-ending，我可以使用什么选择器来获得最高级别 div？类 as-mobile-item as-mobile-question?

我不能只为那些类使用选择器，因为它们存在于其他地方。我特别需要得到 div 那些类有 as-section-ending child.

谢谢

Answer 1

使用

var $div = $(".as-section-ending").closest(".as-mobile-item.as-mobile-question")

jQuery closest() API

Answer 2

这样使用

$(".as-section-ending").parents().eq(1)

调用 parents() 后，它给出包含所有父对象的对象，直到根 html。

传递父级的索引号，您将获得所需的父级。索引号从0

开始

Answer 3

使用.closest

像这样

$(function() {
  var $parentDivs = $(".as-section-ending").closest("div.as-mobile-item.as-mobile-question");
  alert($parentDivs.find("label").text()); // for example
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="as-mobile-item as-mobile-question">
  <label>elsewhere</label>
</div>
<div class="as-mobile-item as-mobile-question">
  <label>Test</label>
  <div>
    <textarea name="as_items" class="form-control input-lg as-task-input as-section-ending" rows="3"></textarea>
  </div>
</div>

Answer 4

var div= $('.as-section-ending').parents('.as-mobile-item');

Answer 5

试试这个：

var $elem = $('.as-section-ending');
$elem.parents('div.as-mobile-item.as-mobile-question');

用 jQuery 找到 parent

Finding a parent with jQuery

jquery

selector

parent