[jQuery] 指定したクラスの要素を全て取得する

jqueryにて、指定したクラスの要素を全て列挙する。

セレクタで複数あるclassを指定した後にeachにて繰り返し選択を行う。
メモ整理していたら断片が出てきたのでメモ

サンプル

jquery1.9にて確認しました。

formをsubmitした際に key_no がついている要素をアラートで出力する

<form>
<input type="text" class="key_no" value="key1">
<input type="text" class="key_no" value="key2">
<input type="text" class="key_no" value="key3">
<input type="text" class="key_no" value="key4">
<input type="submit">
</form>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
// formのsubmitが押された際にalert出力
$(document).on('submit', 'form', function() {
    // eachにて繰り返し要素取得
    $(".key_no").each( function() {
        alert($(this).val());
    });
    return false;
});
</script>

4回アラートが出れば成功です。

コメントを残す