仅隐藏触发元素，而其他人隐藏触发元素

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

这使得代码更易于维护，以防万一您想要单击每个元素时执行更多其他操作。