僅隱藏觸發元素，而其他人隱藏觸發元素

Question

我有很多按鈕，點擊它後，我希望每個按鈕都被點擊 - 隱藏。 現在我已經這樣做了，但不是這樣的：

$(".like.1").click(function() 
{ 
$(".like.1").hide(); 
}); 
$(".like.2").click(function() 
{ 
$(".like.2").hide(); 
}); 
$(".like.3").click(function() 
{ 
$(".like.3").hide(); 
}); 

可以這樣做不知何故這樣？

$(".like").click(function() 
{ 
$t(".like").hide(); <--- hide only button which was clicked, while others with same class are not triggered 
}); 

Answer 1

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

Answer 2

修改代碼爲：

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

元素將獲得由該

Answer 3

如果您有多個元素做隱藏的一些功能，你可以試試下面的代碼：

$(".like").click(function() { 
    hideElement($(this)); 
}); 

function hideElement(elmt) { 
    $(elmt).hide(); 
} 

這使得代碼更易於維護，以防萬一您想要單擊每個元素時執行更多其他操作。