Agregar elementos con id dinámicos

[Carxl]

Hola!

Bien, tengo este código en un archivo html:

Código Javascript:

<script type="text/javascript">
    $(function(){
        $('#adicionarDiv').click(function(){
            //$('#contenedorDivs').html('<div class="hhh"><p>Hola!</p></div>');
            $('<div class="hhh"><p><input type="button" name="activarDiv" value="Activar Div" /></p><p>Hola!</p></div>').appendTo('#contenedorDivs');
        })
    });
</script>
 

Código HTML:

<p><input type="button" id="adicionarDiv" name="adicionarDiv" value="Adicionar Div" /></p>
 
    <div id="contenedorDivs">
        
    </div>
 

Ese código genera div's dinámicos pero sin id.

Mi pregunta es... cómo es posible crear esos div's dinámicos pero con id's consecutivos respectivamente?

Es decir, si se logra agregar el id, tener en cuenta que si se agregó el el div con id 1, el próximo div que se cree será el 2, el próximo el 3 y así sucesivamente. No sé si se hace trabajando con attr.

Espero me haya explicado

Gracias de antemano.

[mayid]

Creo que algo así debería funcionar:

Código Javascript:

$('#adicionarDiv').click(function(){
      i = 0;     
 
            $('<div class="hhh'+i+'"><p><input type="button" name="activarDiv" value="Activar Div" /></p><p>Hola!</p></div>').appendTo('#contenedorDivs');
i++;
        })
 

[chicohot20]

Prueba con este código, si lo puedes mejorar mejor.

Código script:

$(function(){
        $('#adicionarDiv').click(function(){
            var ndivs=0;
            $("#contenedorDivs div.newdiv").each(function(i){
              ndivs=i+1;
            });
 
            $('#contenedorDivs').append('<div class="newdiv" id='+(ndivs+1)+'><p>NEW DIV id:'+(ndivs+1)+'</p></div>');
        });        
    });
 

[chicohot20]

o tambien:

Código Javascript:

var ndivs=0;
        $('#adicionarDiv').click(function(){
              ndivs++;
            $('#contenedorDivs').append('<div class="newdiv" id='+ndivs+'><p>DIV id:'+ndivs+'</p></div>');
        });
 

[Carxl]

Perfecto!

Todos los métodos funcionaron a la perfección

Tengo otra pregunta referente a la eliminación de dichos div's, la echo acá? O abro otro post... no sé.

Saludos.

[Dany_s]

no entiendo para qué los id dinámicos...

[mayid]

En mi caso estoy por hacer inputs dinámicos. Y supongo que tendré que hacer un bucle PHP para recibirlos. Inputs con nombre dinámico... No puede ser tan dificil.

[Dany_s]

según su otro post http://www.forosdelweb.com/f127/remo...amicos-850294/
el quiere divs con id dinámico para borrar

y no se necesita id jeje