Javascript 如何在JQuery中自动生成子div的id

Javascript 如何在JQuery中自动生成子div的id,javascript,jquery,html,jquery-selectors,Javascript,Jquery,Html,Jquery Selectors,如何在JQuery中自动生成子div的id。请帮我解决这个问题 有html代码,我想为这些设置ID,以便我可以对这些应用操作 <div id="main"> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div clas

如何在JQuery中自动生成子div的id。请帮我解决这个问题

有html代码,我想为这些设置ID,以便我可以对这些应用操作

<div id="main">

<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>


我想要适合这个。当单击+时,完整div上的最大值应为,当单击较少时,应再次位于相同的位置。

如果您尝试创建新div并将其分配给它,一种可能的解决方案可能是:

<div id="parent">

</div>

for(var i = 0; i< 10; i++) { // suppose I append 10 divs to parent
  $('#parent')
        .append('<div id="myid_'+ i +'">child'+ i +'</div>');
}
那么一种可能的方法就是

$('#parent div').each(function(i) {
   $(this).attr('id', 'myid_' + i);
});
$('#main .child').attr('id', function(i) {
   return 'myid_' + i;
});
据编辑

无法自动执行,因为live()调用不支持ready事件

这将提供子div的ID,如
child-1
child-2
等。。。儿童

$(function(){

   var childDivs=$("#main div");
   for(var i=0;i<childDivs.length;i++)
   {  
      $(childDivs[i]).attr("id","child-"+i);
   }        

});
$(函数(){
var childDivs=$(“#主div”);

对于(var i=0;i,如果您希望从数组中的散列中获取
id
和其他信息,则可以继续执行CodeParadox创建新div和赋值的响应:

arry=[{name:name1,addr:addr1,id:id1},{name:name2,addr:addr2,id:id2}等..]

<div id="parent">
</div>

for(var i = 0, l = arry.length; i < l; i++) {
  var obj = arry[i]
  name = obj.name
  pid = obj.pid
  addr = obj.addr
  $('#parent').append('<div id=' + pid + '>' + name + ': ' + addr + '</div>');
};

对于(变量i=0,l=arry.length;i
生成ID的方法有很多。标记是什么?您尝试过什么?显示一些标记和javascript代码,您尝试过吗?您不需要ID来操作这些div。您真正想要实现的是什么?(可能有更好的方法。)您想在儿童divs上执行什么操作?@Pulkit我需要一些时间wait@Pulkit检查这个..在这里我试着给你一个没有生成随机
id
s的例子,你必须改变CSS和其他一些你期望的,如果有多个div,它们将如何适应主div中的自动。我如何在一个孩子是最大化的。
$(function(){

   var childDivs=$("#main div");
   for(var i=0;i<childDivs.length;i++)
   {  
      $(childDivs[i]).attr("id","child-"+i);
   }        

});
<div id="parent">
</div>

for(var i = 0, l = arry.length; i < l; i++) {
  var obj = arry[i]
  name = obj.name
  pid = obj.pid
  addr = obj.addr
  $('#parent').append('<div id=' + pid + '>' + name + ': ' + addr + '</div>');
};