jquery，克隆问题并保持唯一的ID!

Question

我决定使用 jquery 创建下拉菜单的副本，而不是使用我的 perl 脚本。我遇到了一个问题。

我有一系列我多次克隆的投递箱。结构是这样的:

<div id="org_dropmenus_asdf">
    <table border="0">
    <tr>
    <td valign="top">
        <select name="wimpy_asdf_1" id="wimpy_asdf_1" size="4">
          <option value='1'>1</option>
          <option value='2'>2</option>
        </select>;
    </td>
    <td valign="top">
        <select name="monkey_asdf_1" id="monkey_asdf_1" size="4">
          <option value='c'>c</option>
          <option value='d'>d</option>
        </select>;    
    </td>
            </tr>
            </table><p>
    </div>|;

我克隆 var $cloneDiv = $('#org_dropmenus_asdf').clone();

如何搜索并替换 asdf_1(“1”)并用新值递增？

Answer 1

您需要按照以下方式做一些事情:

var counter = 1;
$cloneDiv = $('#org_dropmenus_asdf').clone().find('[id]').attr('id', function(idx, oldId){
    return oldId.substr(0, -1) + counter;
}).attr('name', function (idx, oldName) {
    return oldName.substr(0, -1) + counter;
});

您可以重复执行此操作，每次增加计数器。请注意，此代码最多只能运行 9 个字符，因为它删除了最后一个字符；超过 10 个字符需要删除。

另请注意，这不会更改 org_dropmenus_asdf id 属性，该属性也需要更改才能获得有效的 DOM。