jquery - 从具有相同类的组中单击的元素

Question

我有以下菜单

<ul>
   <li class="button">One</li>
   <li class="button">Two</li>
   <li class="button">Three</li>
   <li class="button">Four</li>
   <li class="button">Five</li>
</ul>

我只需要隐藏我单击的按钮，目前我的代码正在隐藏所有按钮。

$(".button").click(function() {
    $(".button").hide( "slow");
});

Answer 1

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

jQuery 选择器将选择发送函数调用的this元素，在本例中为被单击的按钮。

Answer 2

事件处理程序内部this将引用单击的元素，如果您this使用 jQuery 选择，则可以调用该hide函数：

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