javascript - jQuery 点击按钮并获取上面最接近的 id :

Question

我有这个 html，当我单击按钮时，我需要获取上面包装 div 上最近的 id

这是 html:

<div id="some_id_here" class="wrapper>
  <div class="panel panel-default">
    <div class="panel-heading">
      <div class="toolbuttons">
        <a class="btn btn-default">click here and get the id in wrapper</a>
      </div>
    </div>
  </div>
</div>

我该怎么做？

Answer 1

您可以将closest与类选择器一起使用，并使用attr读取ID

$(function(){
   $('a.btn').on('click', function(){
      var id = $(this).closest('.wrapper').attr('id');
      console.log(id);
   });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="some_id_here" class="wrapper">
  <div class="panel panel-default">
    <div class="panel-heading">
      <div class="toolbuttons">
        <a class="btn btn-default">click here and get the id in wrapper</a>
      </div>
    </div>
  </div>
</div>