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

Question

如何在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上的最大值,当它更少时它应该再次在相同的位置上.

Answer 1

如果您尝试创建新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>');
}

DEMO

但是,如果你已经div在父母的孩子身上了

<div id="parent">
  <div>child 1</div>
  <div>child 2</div>
  <div>child 3</div>
</div>

然后一种可能的方法是

$('#parent div').each(function(i) {
   $(this).attr('id', 'myid_' + i);
});

根据编辑

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

 $('#main .child').each(function(i) {
    $(this).attr('id', 'myid_' + i);
 });

DEMO

另一种方法是

$('#main .child').attr('id', function(i) {
   return 'myid_' + i;
});

DEMO