MW211 EXIT

devlog
jQuery/セレクタが複数該当
2018年09月26日
セレクタが複数該当する場合、参照は一件目のみ、設定は全件が対象となる。
全件参照したい場合には.each()メソッドを使う。
┌──────────────────────────────────────┐
│<input type="hidden" class="a" value="a">                                   │
│<input type="hidden" class="b" value="b">                                   │
│<input type="hidden" class="c" value="c">                                   │
├──────────────────────────────────────┤
│alert($('input:hidden').val());  // →「a」(一件目)のみ                     │
│┌────────────────────────────────────┐│
││// 全件参照したい場合には.each()メソッドでループさせる                  ││
││$('input:hidden').each(function() {                                     ││
││    alert($(this).val());  // →「a」、「b」、「c」                     ││
││});                                                                     ││
│└────────────────────────────────────┘│
├──────────────────────────────────────┤
│$('input:hidden').val('z');  // →全件に設定される                          │
│alert($('.a').val());        // →「z」                                     │
│alert($('.b').val());        // →「z」                                     │
│alert($('.c').val());        // →「z」                                     │
└──────────────────────────────────────┘
分類:jQuery