javascript - 在 Jquery 中删除按钮父容器

Question

我想这是一个非常基本的问题，但我一直无法找出使用“删除”的正确方法。

我想使用 Jquery 制作一个删除其父容器的按钮。这是我的 fiddle 和代码。

到目前为止什么都没有发生，我什至没有收到控制台错误。

我尝试过其他方法(而不是“ parent ”)，包括最接近的方法，结果相似。 Fiddle

  <div class="delete_me">
<h3>Delete Me</h3>
<div>
    <input type="text" placeholder="DELETE ME">
</div>
<button name="button" onclick="removeThis();" type="button">Delete everything in my parent div</button>

function removeThis(){
    $(this).parents('.delete_me').remove();
};

Answer 1

Updated fiddle .

我猜你不能添加 id 或 class 所以你必须将点击的对象传递给函数，例如:

HTML :

<button name="button" onclick="removeThis(this);" type="button">Delete everything in my parent div</button>

JS :

function removeThis(_this){
    $(_this).parents('.delete_me').remove();
};

注意: 如果您可以添加 id 或 class，请在其他答案中使用解决方案，因为实际上不推荐使用内联事件处理程序。

希望这对您有所帮助。