JQuery eachで要素取得 [jquery]

ページ上にある要素を一括して取得し、一定の処理をする方法を書きます。

eachで要素取得

以下は、id名に"chk_"が含まれるcheckboxを取得し、その内のチェックONのものをカウントしています。

$("input[id^='chk_']").click(function(){　---(1)
    var chkcnt=0;
    $("input[id^='chk_']").each(function(){ ---(2)
        if ($(this).prop("checked")) { ---(3)
            chkcnt++;
        }
    });
    $("#number").html(chkcnt); ---(4)
});

説明

(1) id名に"chk_"が含まれるcheckboxがクリックされた時にイベント発生。
(2) ページ内のid名に"chk_"が含まれるcheckboxに対して一定の処理を行う。
(3) 対象がチェックONかどうかの判定。
(4) カウント数をid=numberの要素に表示

色々はまりましたが、上手くいきました。 プラグインなどの処理に利用できそうです。