javascript - 使用 jQuery 在其他元素 .closest() 或 parent() 中获取类

Question

我有一个对于专家来说很简单的问题。

我在一些 html 标签上循环，如下面的代码片段:

// looping
<div class="toggle m-toggle-accordian">
    <p class="i-want-to-get-this" id="biaya-123">Biaya Admin 0%</p>
    <p>Rp 5000</p>
</div>
<div class="collapse m-coll-air-unselected">
    <div class="m-offer-detail">
        <div class="col-xs-8 m-offer-caption">Cicilan per Bulan</div>
        <div class="col-xs-4 m-offer-amount">Rp 4000</div>
    </div>
    <div class="m-offer-detail">
        <div class="button-click">Pilih</div>
    </div>
</div>
// end looping

我想在单击类为“button-click”的按钮时想要从类“i-want-to-get-this”中获取 id 值。

我尝试使用 .find() 但没有成功。

$(this).find('.i-want-to-get-this').attr('id');

Answer 1

使用 $($(".button-click").parent().parent().parent().find('.m-toggle-accordian .i-want-to-get-this ')[0]).attr('id') 定位所需的元素

$(document).on("click", ".button-click", function() {

  console.log($($(this).parent().parent().parent().find('.m-toggle-accordian .i-want-to-get-this')[0]).attr('id'));

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="toggle m-toggle-accordian">
  <p class="i-want-to-get-this" id="biaya-123">Biaya Admin 0%</p>
  <p>Rp 5000</p>
</div>
<div class="collapse m-coll-air-unselected">
  <div class="m-offer-detail">
    <div class="col-xs-8 m-offer-caption">Cicilan per Bulan</div>
    <div class="col-xs-4 m-offer-amount">Rp 4000</div>
  </div>
  <div class="m-offer-detail">
    <div class="button-click">Click me</div>
  </div>
</div>