javascript - 私の空の[]に関数を取得する方法

Question

ちょっと、タイムスタンプに基づいて乱数を返す関数 getNewId を書きました。要素を検査してコードを見ると、このように見えるように、空の [ ] でその数値を取得できるようにしたいと考えています。

name="locations[timestamp_from_function][通り]"

これはhttp://jsfiddle.net/d0okie0612/22cTn/に取り組んでいるフィドルです

ここに私のhtmlがあります

   <div id="container">
   <div id="top_form">
   <form>
    Street: <input class="street" name="locations[][street]" id="form_element" type="text">  <br><br>
       City: <input class="city" name="locations[][city]" id="form_element" type="text">
      <select>
        <option value=" ">State</option>
        <option value="ca">CA</option>
        <option value="az">AZ</option>
        <option value="de">DE</option>
        </select>
        Zip: <input name="locations[][zipcode]" type="text"><br /><br />
     </form>
   </div>
  </div>

 <br />
 <a href="#" id="awsomeButton">+ Add Location</a>
  <br />

送信

スクリプトはこちら

     var tpl = ""
     + "<div id='location_div_<%= id %>'><h1>My Location #<%= id %></h1></div>";

      var newId = new Date().getTime();
      var template = _.template(tpl);
       var compiled = template({id: newId});

       var addedForm = "<div id='added_form'>"
         + "<a href='#' class='close_btn'>x</a>"
         + "Street: <input name='locations[][street]' type='text'>"
          + "<br /><br />"
           + "City: <input name='locations[][city]' type='text'>"
           + "<select>"
           + "<option value=' '>State</option>"
           + "</select>"
           + "Zip: <input name='locations[][zipcode]' type='text'>"
            + "</div>"


           function getNewId() {
           var newId = new Date().getTime();
           return newId;
             }

            var myArray = [];
            $('#awsomeButton').on('click', function(e) {
            $(addedForm).hide().appendTo('form').fadeIn('slow');

            });


           $('.close_btn').live('click', function (e) {
           e.preventDefault();
           $(this).parents('div#added_form:first').fadeOut('slow', function() {
          $(this).remove();    

        });
         });

これは簡単だと思いますが、迷っているので助けてください

</p>

Answer 1

$("#added_form input[name^=locations\\[\\]]").each(function(input){
   var name = input.attr("name");
   var match = name.match(/^locations\[\]\[(.*)\]$/)
   if(match.length > 1) {
      var newName = "locations["+getNewId()+"]["+match[1]+"]";
      input.attr("name", newName);
   }
});