Javascript 使用Jquery选择多个元素，但使用addClass（）仅向其中一个元素添加一个类

我有一些关于“可点击”类的div。如果单击了其中一个div，那么我希望将类“clicked”添加到元素中，但仅添加到已单击的特定div中。目前，我的代码使用“clickable”类将该类添加到所有元素中，因为我选择了所有元素。如何仅将其添加到单击的特定div，而不为每个div编写代码

HTML:

将代码更改为：

$('.clickable').on('click', function () {
    $(this).addClass('clicked');
})

其中“$（this）”对应于事件目标元素

您还可以查看函数

$('.clickable').on('click', function () {
    $('.clickable').addClass('clicked');
})

$('.clickable').on('click', function () {
    $(this).addClass('clicked');
})