如何使用jQuery选择CLICKED项目？

Question

我正在使用此代码删除和一个CSS类：

$('.called').click(function() {
    $('called').removeClass('fa-phone-square').addClass('fa-check');
})

问题是，它将删除所有带有“ .call”类的类并将其添加到所有标记中。 我希望此功能仅适用于已单击的单个项目。

我该怎么做？

Answer 1

您将必须这样做：

$('.called').click(function() {
    $(this).removeClass('fa-phone-square').addClass('fa-check');
})

单击处理程序中的“ this”是指已单击并要应用更改的元素。

如果改为改为再次应用“ .drawn”选择器，它将选择所有具有“被调用”类的项目，并将removeClass和addClass应用于所有这些行为，这就是您现在遇到的行为。

Answer 2

在jQuery事件处理程序中， this绑定到触发事件的DOM节点。

$('.called').click(function() {
    $(this).removeClass('fa-phone-square').addClass('fa-check');
})

Answer 3

在回调内部， $(this)表示被单击的元素。

您还可以将事件作为回调中的参数，并使用event.target - https: event.target获得被点击的元素

$(this)和event.target 之间的区别 - $（this）和event.target之间的区别？