jquery - 一个 id 有两个动态数字 _ 分隔。使用 jQuery 只更新一个

Question

我有一些输入文本字段，当按下 addMore 按钮时，我使用 jQuery 动态分配 id“parent_number 和 row_number”给它。

<input type="text" name="xpath" id="xpath_chield_'+parent_number+'_'+row_number+'" size="50"/>

它在浏览器中的输出是

<input id="xpath_chield_2_3" type="text" size="50" name="xpath">

这工作正常

删除一个输入字段后，我只想将“parent_number”从id的当前parent_number更新为-1，而不是“row_number”

更新后会在浏览器中输出

<input id="xpath_chield_1_3" type="text" size="50" name="xpath">

我怎么能用 jQuery 做到这一点？

谢谢

Answer 1

您可以像这样减少 ID 的那部分：

element.id = element.id.replace( /(\d+)_(\d+)/, function(match, n, o ){
  return ( parseInt( n, 10 ) - 1 ) + "_" + o ;
});

演示： http: //jsbin.com/ivivor/edit#javascript（控制台输出）