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子项的地方。

由于

Answer 1

使用.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 2

使用

7

jQuery closest() API

Answer 3

使用这种方式

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

在调用 parents（）之后，它会给包含所有父项的对象直到root html。

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

Answer 4

试试这个：

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

Answer 5

No route matches [GET] "/new

使用jQuery查找父级

5 个答案: