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

元素将通过此

获得

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

3 个答案: