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

要素はこれによって取得されます