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

【问题标题】：Element clicked on from group with same class从具有相同类的组中单击的元素
【发布时间】：2019-10-01 19:58:09
【问题描述】：

我有以下菜单

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

【问题讨论】：

标签： jquery html targeting

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：