复杂形式 - 如何为每个新元素生成新的 object_ids？

Question

由于逻辑和缺乏 JQuery/Javascript 经验的结合，我发现自己遇到了这个问题。

背景 -
我正在使用 Complex-Form-Examples 的Jquery-deep branch，它启用了一次为多个嵌套表创建/编辑记录的表单。其中一部分是用户动态添加/删除新记录的能力。示例：用户可以创建一个包含许多任务（级别 B）的项目（级别 A），每个任务都有许多分配（级别 C）。

Javascript 添加 -
我已经构建了一个独立应用于每个任务的 javascript 函数。当用户从选择框中进行选择时，“true”的 id 为："multiple_choice_" + f.object_id.to_s，该函数会找到它并突出显示一个名为 "true_" + f.object_id.to_s 的 div。

新元素没有新的 object_id -
每次用户添加新记录时，他们都有相同的object_id，这使得我上面的计划毫无用处。我尝试将此 object_id 添加到 rand(1000000000)，但即使每次添加新任务时都是相同的。

我如何 (1) 每次添加任务时生成新的 object_ids / 随机数，或者 (2) 为每个任务使用不同的唯一标识符，每次添加都会有所不同？

---

在 application.js 中添加_child 代码：

$(function() {
  $('form a.add_child').live('click', function() {
    var assoc   = $(this).attr('data-association');
    var content = $('#' + assoc + '_fields_template').html();
    var regexp  = new RegExp('new_' + assoc, 'g');
    var new_id  = new Date().getTime();
    $(this).parent().before(content.replace(regexp, new_id));
    return false;
  });
});

澄清

问题不在于如何在上面的.js代码中生成随机数。问题是如何从新生成的代码中访问新的随机数，例如，形成一个 html 元素的 ID。

Answer 1

只需使用全局计数器：

var _taskCount = 0;
$(function() {
  $('form a.add_child').live('click', function() {
    ...
    var new_id  = "Task_" + _taskCount;
    _taskCount++;
    ...
  });
});