jquery - 用 jQuery 关闭对象

Question

我需要帮助。我有这样的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 上仅关闭当前表，其中用户单击关闭。谢谢 。

Answer 1

假设您的标记将保持原样（table紧随其后div）：

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

您可以通过将事件处理程序委托给 DOM 树的更高层来提高效率（将其绑定到一些共同的祖先元素并将.close选择器作为第二个参数传递给.on()）。

参考：

• .on()
• .next()
• .hide()

Answer 2

试试这个

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>

JS

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

http://jsfiddle.net/F3EXf/6/

Answer 3

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

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