使用jQuery关闭对象

我需要帮助。我有这样的HTML代码

<div class="close">Close</div>
<table class="table"><tr><td>One</td><td>Two</td></tr></table>

<div class="close">Close</div>
<table class="table"><tr><td>One</td><td>Two</td></tr></table>

<div class="close">Close</div>
<table class="table"><tr><td>One</td><td>Two</td></tr></table>

关闭
一二
接近
一二
接近
一二

在jquery上如何只关闭当前表，用户单击关闭。

---

谢谢。

假设您的标记将保持原样（在

div

之后紧跟

表

）：

您可以通过将事件处理程序委托给DOM树的更高层来提高效率（将其绑定到某个公共祖先元素，并将

.close

选择器作为第二个参数传递给

.on（）

）

参考资料：

---

假设您的标记将保持原样（在

div

之后紧跟

表

）：

您可以通过将事件处理程序委托给DOM树的更高层来提高效率（将其绑定到某个公共祖先元素，并将

.close

选择器作为第二个参数传递给

.on（）

）

参考资料：

---

您可以通过以下方式关闭：

$(document).on('click', '.close', function() {
    $(this).next().hide();
});

---

您可以通过以下方式关闭：

$(document).on('click', '.close', function() {
    $(this).next().hide();
});

试试这个

HTML

试试这个

HTML

你说的“关闭”是什么意思？从DOM中删除？隐藏？你说的“接近”是什么意思？从DOM中删除？隐藏

<div class="close">Close</div>
<table class="table"><tr><td>One</td><td>Two</td></tr></table>

<div class="close">Close</div>
<table class="table"><tr><td>One</td><td>Two</td></tr></table>

<div class="close">Close</div>
<table class="table"><tr><td>One</td><td>Two</td></tr></table>

$('div.close').on('click', function(){
    $(this).next().hide();
});