jquery - 仅隐藏触发元素，而其他元素具有相同的类

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() {
   hideElement($(this));
});

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

如果您想在单击每个元素时执行更多其他操作，这使代码更易于维护。

Answer 3

将您的代码修改为：

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

该元素将由此获得