Javascript 使用JQuery删除没有id或类的父级

因此，我有一些html，如下所示：

<div class='something unknown' id='something_unknown_1'>
  <button onClick='removeParent(self)'>Remove me and my parent div</div>
</div>
<div class='something unknown' id='something_unknown_2'>
  <button onClick='removeParent(self)'>Remove me and my parent div</div>
</div>

您可以使用它来引用在单击处理程序中单击的按钮

$("button").click(function(){
    removeParent($(this));
});

function removeParent(buttonThatWasClicked){
    buttonThatWasClicked.parent().remove();
}

您可以使用它来引用在单击处理程序中单击的按钮

$("button").click(function(){
    removeParent($(this));
});

function removeParent(buttonThatWasClicked){
    buttonThatWasClicked.parent().remove();
}

---

我会为按钮添加一个类，这样函数就不会绑定到页面上的每个按钮，而只绑定到您希望它绑定的按钮

<div class='something unknown' id='something unknown'>
  <button class="myClass">Remove me and my parent div</div>
</div>
<div class='something unknown' id='something unknown'>
  <button class="myClass" >Remove me and my parent div</div>
</div>

---

演示：

我会为按钮添加一个类，这样函数就不会绑定到页面上的每个按钮，而只绑定到您希望它绑定的按钮

<div class='something unknown' id='something unknown'>
  <button class="myClass">Remove me and my parent div</div>
</div>
<div class='something unknown' id='something unknown'>
  <button class="myClass" >Remove me and my parent div</div>
</div>

演示：

如果在HTML节点上有onclick，即未通过jQuery设置：

<div class='classA' id='idA'>
  <button onclick='removeParent(this)'>Remove me and my parent div</div>
</div>
<div class='classB' id='idB'>
  <button onclick='removeParent(this)'>Remove me and my parent div</div>
</div>

工作示例：

如果在HTML节点上有onclick，即未通过jQuery设置：

<div class='classA' id='idA'>
  <button onclick='removeParent(this)'>Remove me and my parent div</div>
</div>
<div class='classB' id='idB'>
  <button onclick='removeParent(this)'>Remove me and my parent div</div>
</div>

工作示例：

---

内联javascript是邪恶的。你应该试着练习。@PaoloBergantino:这不是邪恶的。不必对你的偏好武断。@amnotiam：从什么时候开始，推荐行业最佳实践变成了对偏好武断？邪恶的部分显然是在开玩笑，但内联javascript绝对是应该不惜一切代价避免的东西。@PaoloBergantino:我不明白说应该不惜一切代价避免与称之为邪恶有多大区别，但称之为行业最佳实践并没有给我留下深刻印象。有时内联处理程序是合适的，而且实际上是有益的。添加onclick属性并不比添加class属性在DOM准备好后连接处理程序更具侵入性。@amnotiam:inline javascript有很多原因是错误的，现在确实没有可以原谅使用的有效场景。它更难维护，更难理解，更容易出错，并且将行为与结构混为一谈。所有这些都不是真正的观点，而是广泛认同的观点。我不知道该怎么说才不会听起来像个屈尊俯就的混蛋，但事实就是这样。内联javascript是邪恶的。你应该试着练习。@PaoloBergantino:这不是邪恶的。不必对你的偏好武断。@amnotiam：从什么时候开始，推荐行业最佳实践变成了对偏好武断？邪恶的部分显然是在开玩笑，但内联javascript绝对是应该不惜一切代价避免的东西。@PaoloBergantino:我不明白说应该不惜一切代价避免与称之为邪恶有多大区别，但称之为行业最佳实践并没有给我留下深刻印象。有时内联处理程序是合适的，而且实际上是有益的。添加onclick属性并不比添加class属性在DOM准备好后连接处理程序更具侵入性。@amnotiam:inline javascript有很多原因是错误的，现在确实没有可以原谅使用的有效场景。它更难维护，更难理解，更容易出错，并且将行为与结构混为一谈。所有这些都不是真正的观点，而是广泛认同的观点。我不知道该怎么说才不会听起来像一个居高临下的混蛋，但事实就是这样。只需一个注释，将此功能绑定到按钮标签将影响页面上的每个按钮。只需一个注释，将此功能绑定到按钮标签将影响页面上的每个按钮。@Atrus投票最低的答案，但已被接受。这是我最喜欢的答案，我曾经在网上发布过。“我猜你不想把每一个按钮都绑在一起？”Atrus投了最低票，但还是接受了。这是我最喜欢的答案，我曾经在网上发布过。我猜你不想绑定到每个按钮？