获取按钮 Java 脚本的父级 ID

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 并将其删除，但在控制台日志和调试器中，我得到的值是"未定义">

Answer 1

你需要传递this(代码中缺少它(，你需要在removeFunction函数中使用它而不是this：

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

<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>