使用 Jquery 選擇多個元素，但使用 addClass() 僅向其中一個添加一個類

Question

我有一些帶有“可點擊”類的 div。 如果單擊了其中一個 div，那么我希望將“單擊”類添加到元素中，但僅添加到被單擊的特定 div。 目前，我的代碼將該類添加到所有具有“可點擊”類的元素中，因為我選擇了所有元素。 如何僅將其添加到單擊的特定 div，而不為每個 div 編寫代碼？

HTML：

<div class="size m-size clickable">M</div>
<div class="size m-size clickable">L</div>
<div class="size m-size clickable">XL</div>
<div class="size m-size clickable">XXL</div>

查詢：

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

Answer 1

將代碼更改為：

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

其中“$(this)”對應於事件目標元素。

您還可以查看toggleClass()函數。