Javascript获取父div的ID

Question

我有以下结构：

<div id="accord1_1" class="panel-collapse collapse">
 <div class="panel-body">
   <div id="Dashboard">
    <div id="DashboardFlow">
     <div class="dashboard-caps">
      <div class="dashboard-info">
          <a class="save" onclick="return saveChanges();" href="#">Save</a>

当单击“保存”按钮时，我想获取类似于accord%_1的父div。 我会更好地解释自己：

我喜欢30种结构，就像我展示的那样。 所有的人都一致，除了从同一个id="accordX_1"键是id="accord1_1"在第一可折叠面板， id="accord2_1"在第二等等。

我需要做的就是获取该ID的值。

如何才能做到这一点？

问候，

Answer 1

使用最近的和startsWith选择器

$('.save').click(function(){
 var targetId = $(this).closest('div[id^=accord]')[0].id;
}); 

这将在具有class = save的元素的父元素列表中找到第一个匹配的父元素，使用[0]访问匹配的本机元素，以及native .id属性。

Answer 2

只需单击save找到closest div

$("a.save").click(function(){

    var curr = $(this).closest("div.panel-collapse[id^=accord]") // Is the div you want;
    var id = curr.attr("id");

});