Question

极端的n00b在这里...我有很多元素（由后端动态生成，因此它可能会相当多）并且都需要一个唯一的ID。我正在尝试用jQuery来解决这个问题，并且做得不好。任何帮助表示赞赏。

在下面的代码中，我希望每个“bar”div获得一个唯一的id，如id1，id2等等

<div class="foo">
    <ul  class="bar">
</ul>
    <ul  class="bar">
</ul>
    <ul  class="bar">
</ul>
    <ul  class="bar">
</ul>
</div>

Answer 1

var id = 1;
$('.foo .bar').each(
   function() { 
     $(this).attr('id', 'id' + id++); 
});

为了将事件侦听器绑定到这些，您必须在循环中执行它或使用live。

Answer 2

这样的事情：

var ctr = 1;
$.each( $(".bar"), function( ) {
    $(this).id = "id"+(ctr++);
} );

使用jQuery

$(".bar") class selector使用类栏
$.each(selector, func) utility迭代条形元素并逐个解决，
$(this)获取迭代中当前的jQuery包装元素
和“id”+（ctr ++）只是执行为属性分配id值的逻辑，每次递增＃

Answer 3

function makeAllTheThingsThatTheOPRequested(num){
    var ms = document.createElement('div');
    ms.setattribute("class","your_class_name");
    var uls=[];
    for(var i=0;i<num;i++){
        var tmp = document.createElement('ul');
        tmp.setattribute("class","your_class_name");
        ms.addChild(tmp)
        uls.push(tmp);
    }
    document.body.addChild(ms);
}

需要使用jQuery生成无限数量的唯一ID

3 个答案: