为 jQuery 模板中的每个块生成唯一的 id

Question

我正在使用 jQuery tempalting (http://api.jquery.com/jquery.tmpl/) 为我通过 ajax 接收的 json 数据生成一组 DIV 标签。

我想将 uniqe id 分配给动态生成的 div，以便对它们进行进一步操作。

我尝试过类似的事情

var i = 0;
$( "#myTemplate" ).tmpl( data ).attr('id',++i).appendTo( "#container" ); 

，但我的价值从未改变。它为所有 div 标签分配了 id=0 。

现在我通过执行 .each() 并通过在所有匹配的 div 标签上递增“i”来设置 id，这些标签分配了一个公共类，但我想一次性完成它。

有什么想法吗？

Answer 1

我会采用另一种方式 - 在模板中生成一个 id。假设您的模板是：

<script id="divTemplate" type="text/html">
    <div id='${getNextId()'}></div>
    <div id='${getNextId()'}></div>
</script>

<script type="text/javascript">
    var id = 1;
    function getNextId()
    {
        return ++id;
    }
</script>

将为每个 div 调用该方法，就地生成一个新的 id。

Answer 2

var d = new Date();
var i = d.getTime();

我认为这可能是一个更好的选择，因为它包含毫秒

或

$.each('/selector goes here/',function (i,n){
    $( "#myTemplate" ).tmpl( data ).attr('id',i).appendTo( "#container" ); 
});

Answer 3

在您发布的示例中，您无法一次性完成此操作。由于您的方法只会被调用一次，因此它的值只会增加一次。 .each 将是正确的选择

Answer 4

不会为集合中的每个项目调用 Attr。

相反，atts 使用提供的值在集合上循环，因此 i 不会按您的预期增加。