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");

});