用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中仅关闭当前表，用户单击Close。 谢谢。

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();
});