Question

How to auto generate id for child div in JQuery. Please help me so can i solve problem.

there is html code i want to set ids for these so can i apply operation on these.

<div id="main">

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

I want to fit this. when click on + it should be max on complete div and when less it should be again on same possition.

Answer 1

If you try to create new div and assign it to it one possible solution may be:

<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

But if you’ve already child divs within parent then

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

then one possible approach would be

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

According to edit

<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

Another approach would be

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

DEMO