クラスとして識別される個々のオブジェクトを選択する

Question

「オプション」の数が不明です。正方形のdivの形をした見本があります。オプションの数は常に不明であるため、IDを割り当てることはできません。私はオプションをクリックしたときにスケールアップするようにしようとしています。

$(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年代があるかもしれません：それは、次のJQを使用して動作します。誰も回避することはできませんか？

Answer 1

特定のオプション要素の代わりにdocumentにクリックイベントを添付しました。 optionクラスに添付してみてください。

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

このコードをドキュメントの読み込み機能に入れてください。