javascript - ユーザーが画像をクリックした回数を確認する

Question

ユーザーが画像をクリックした回数を数えようとしています。これは私が思いついたものです：

    var count = 0

   $('document').ready(function() {
        function countClicks() {
            $('img').click(function() {
                count++;
            }
        )};
    )};

これが機能するかどうか、そしてそれが私のソリューションへの最良のアプローチであるかどうか疑問に思っています。また、後で「カウント」にアクセスするにはどうすればよいですか? たとえば、'count' が 10 より大きいかどうかをチェックする基本的な条件を入れるとしたら、それは別の関数になるのでしょうか、それとも 'countClicks' 関数内にあるのでしょうか? この質問が単純すぎる場合は、ありがとうございます。

Answer 1

data()ストレージを使用できます：

$('img')
    .data('counter', 0)
    .click(function() {
        var counter = $(this).data('counter');
        $(this).data('counter', counter + 1);
    });

デモ: http://jsfiddle.net/elclanrs/QEKMf/

Answer 2

後で使用するために値を取得する場合は、(データベース内の) カウント値を永続化することを検討してください。