选择标识为类的单个对象

Question

我有一些未知数量的“选项”或样本形状的方形div。由于选项的数量始终未知，因此我无法为其分配ID。我试图让它在点击一个选项时 - 它可以扩展。它使用以下jq：

$(document).ready(function () {

    $(".option").on("click",function () {
        $(this).width("500px");
        $(this).height("500px");
        $(this).css("background-color", "#FFB2B2");
        $(this).css("background-color", "#FFB2B2");
    });

    $(".option").click(function () {
        $(this).off("click");
    });

});

但是，每个“.option”类都会缩放，并且可能有100个。有人没有解决方法吗？

Answer 1

您已将点击事件附加到document而非特定选项元素。尝试将其附加到option类：

$('.option').on('click', function(e) {
    $(this).toggle({ effect: 'scale', percent: 300 });
});

将此代码放入文档加载函数中。