jquery - 使用 jQuery 克隆在表单输入字段的多维数组中递增键

Question

我正在尝试将这两个答案中的信息拼凑在一起，但这似乎都没有以我可以推断并开始针对我的情况工作的方式涵盖该问题。所以，如果这看起来像是重复的，请不要惩罚我；我认为不是。

Increment multidimensional array when form fields are cloned

Copy table row and increment all name attributes

<tr>
    <td><input type="text" name="pricing['prices'][0]['label']" value="" /></td>
    <td><input type="text" name="pricing['prices'][0]['price']" value="" /></td>
    <td><input type="text" name="pricing['prices'][0]['expires']" value="" /></td>
    <td><input type="text" name="pricing['prices'][0]['bulk-price']" value="" /></td>
    <td><input type="text" name="pricing['prices'][0]['bulk-qty']" value="" /></td>
</tr>

是我尝试使用此按钮克隆的内容:

<input type="button" id="newRowButton" value="Add Another Price" />

脚本(到目前为止，克隆有效，但它不会将“0”更改为“1”。我显然错过了一些我无法通过将其他两个答案中的示例拼凑在一起来弄清楚的东西)

$("#newRowButton").live('click',function(e) {
    e.preventDefault();
  $("table.tablearray tr:last")
      .clone()
      .find(':input')
      .each(function(){
            this.name = this.name.replace(/\[(\d+)\]$/,
                                          function(str,p1){
                                              return '[' + (parseInt(p1,10)+1) + ']';
                                          });
        })
    .end()
    .appendTo("table")
});

如有任何帮助，我们将不胜感激。理想情况下，我还想添加一个“删除行”按钮。

Answer 1

从正则表达式中取出 $ 符号，如下所示:

$("#newRowButton").live('click',function(e) {
    e.preventDefault();
  $("table.tablearray tr:last")
      .clone()
      .find(':input')
      .each(function(){
            this.name = this.name.replace(/\[(\d+)\]/, function(str,p1){
                return '[' + (parseInt(p1,10)+1) + ']';
            });
        })
    .end()
    .appendTo("table")
});

$ 强制它在名称末尾查找 [0]，而这不是您所拥有的。

这里的工作演示:http://jsfiddle.net/jfriend00/S9Q8W/