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

使用closest和startsWith选择器

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

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

Answer 2

点击closest

找到save div

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

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

});

Javascript获取父div的id

2 个答案: