正規表現を用いてnameを取得して動作させたい

Question

user[addresses_attributes][1][zipcode]というnameを所持するタグの内容とuser[addresses_attributes][0][zipcode]のnameを所持するタグの内容を交換したいのですが、どのような指定を行えばよいでしょうか？
正規表現では[]はどのように判別することが出来ますか？このまま使用してもアルファベット一文字ずつ判別されてしまうのでどうしようもありません

Answer 1

エスケープしておけばいいでしょう
ただし、円マークを二重にしなくてはいけません

$(function(){
  $('input[type=button][value=check]').on('click',function(){
    var reg=new RegExp('^user\\[addresses_attributes\\]\\[([0-9]+)\\]\\[zipcode\\]$');
    $('input[type=text]').each(function(){
      if(r=$(this).prop('name').match(reg)){
        console.log(r[1]+":"+$(this).val());
      }
    });
  });
});

<input type="button" value="check"><br>
0:<input type="text" name="user[addresses_attributes][0][zipcode]" value="aaa"><br>
1:<input type="text" name="user[addresses_attributes][1][zipcode]" value="bbb"><br>
2:<input type="text" name="user[addresses_attributes][2][zipcode]" value="ccc"><br>

逆順

逆順のサンプルを追記しておきます

$(function(){
  $('input[type=button][value=check]').on('click',function(){
    var reg=new RegExp('^user\\[addresses_attributes\\]\\[([0-9]+)\\]\\[zipcode\\]$');
    $($('input[type=text]').get().reverse()).each(function(){
      if(r=$(this).prop('name').match(reg)){
        console.log(r[1]+":"+$(this).val());
      }
    });
  });
});

Comments

[VerfolgungEin]

ありがとうございます、ちなみにeach文にて出力されるものは連想配列として読み込んでいるのでしょうか？railsが主力な為、jsはあまり扱ったことが無いので質問させていただきます

[VerfolgungEin]

また、eachとreverse().eachにて並列して[1]=[0],[0]=[1]のようにすることは可能でしょうか？

[yambejp]

ごめんなさい、追加質問の意味がよくわからないですが
逆順にデータを拾うということでよろしいですか？
追記しておきます

Answer 2

もし２つの要素だけが対象であれば、正規表現は使わなくても済むかと思われます。

// name属性から要素を特定
var code1 = document.querySelector('input[name="user[addresses_attributes][0][zipcode]"]');
var code2 = document.querySelector('input[name="user[addresses_attributes][1][zipcode]"]');
    
var tmp = code1.value; // 別変数に避ける
code1.value = code2.value; // ２番目の要素の内容を１番目の要素へ
code2.value = tmp; // １番目の要素の内容を２番目の要素へ

Answer 3

<tag name="user[addresses_attributes][0][zipcode]">zipcode0</tag>
<tag name="user[addresses_attributes][1][zipcode]">zipcode1</tag>

これを

<tag name="user[addresses_attributes][0][zipcode]">zipcode1</tag>
<tag name="user[addresses_attributes][1][zipcode]">zipcode0</tag>

こうしたいという事でしょうか。

例えばjQueryを使って

//要素の取得
var zip0 = $('tag[name=user\\[addresses_attributes\\]\\[0\\]\\[zipcode\\]);
var zip1 = $('tag[name=user\\[addresses_attributes\\]\\[1\\]\\[zipcode\\]);
//要素の中身を取得
var zip0val = zip0.html();
var zip1val = zip1.html();
//要素の中身を入れ替え
zip0.html(zip1val);
zip1.html(zip0val);

と言う感じで可能かと思います。

Comments

[VerfolgungEin]

user\[addresses_attributes\]\[([0-9]+)\]\[zipcode\]
で
user[addresses_attributes][x][zipcode]を取得することが出来ました！ありがとうございました！