Question

<div id="mainDiv">     
    <div class="col-md-3">
       <div style="padding-top: 25px">
        <button class="btn btn-default" onclick="removeFunction()" >Delete</button>
       </div>
    </div>
</div>  




function removeFunction(){
    var parent_id = $(this).parent().parent().parent().attr('id');
    console.log(parent_id);
    alert(parent_id);
    $('#'+parent_id).remove();
}

通过上面的代码我想得到div的id，其中存在按钮并将其删除但是在控制台日志和调试器中我得到的值是'undefined'

Answer 1

您需要传递this（代码中缺少该代码），您需要在removeFunction函数中使用它而不是this：

＆＃13;

function removeFunction(elem) {
  var parent_id = $(elem).parent().parent().parent().attr('id');
  console.log(parent_id);
  alert(parent_id);
  $('#' + parent_id).remove();
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mainDiv">
  <div class="col-md-3">
    <div style="padding-top: 25px">
      <button class="btn btn-default" onclick="removeFunction(this)">Delete</button>
    </div>
  </div>
</div>

＆＃13;

获取按钮java脚本的父ID

1 个答案: