元素從組單擊的同一類

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將參照點擊的元素，如果你選擇this使用jQuery你可以調用hide功能：

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