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

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

Answer 2

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

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

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

2 个答案: