Generar div con diferentes id en jQuery

[kstro21]

hola a todos, necesito generar codigo html desde javascript, estoy usando jquey,
quiero generar div con diferentes id, pues dependiendo del id es el comportamiento q tendra, hasta ahora este codigo me genera siempre el mismo div

Código Javascript:

var datePickerHTML = function(id){
        var html = "<div id='"+id+"' class='ui-datepicker'>";
        html += "Hello World, my ID is "+id;
        html += "</div>";
        return html;
    }
 
    var UhmaCalendar = function(config){
        this.dpID = 'dp'+config.inputField;
        jQuery('#'+config.inputField).after(function(){
          return datePickerHTML(dpID);
    });
        jQuery('#'+config.btn).click(function(){
              jQuery('#'+dpID).toggle('slow');
        }
    }
 

en el .html, pongo algo como

Código Javascript:

UhmaCalendar({
        btn : 'countday_pick',
        inputField : 'countday'
    });
    UhmaCalendar({
        btn : 'sartday_pick',
        inputField : 'startday'
    });
 

esto es para dos input diferentes, y dos botones diferentes, los dos botones me muestran y me ocultan el div, pero siempre es el mismo, tambien intente con

Código Javascript:

new UhmaCalendar({
        btn : 'sartday_pick',
        inputField : 'startday'
    });
 

pero es el mismo resultado, q puedo hacer, quizas
gracias

[mayid]

Podes hacer algo así:

idUnico = 0;

var datePickerHTML = function(id){
var html = "<div id='"+id+idUnico+"' class='ui-datepicker'>";
html += "Hello World, my ID is "+id;
html += "</div>";
idUnico++;
return html;
}

[kstro21]

sigo teniendo el mismo resultado, probaste mi codigo, es algo simple pero estoy atorado en esto....

[mayid]

Iniciado por kstro21

sigo teniendo el mismo resultado, probaste mi codigo, es algo simple pero estoy atorado en esto....

Yo no uso el datapicker, así que no lo puedo probar. Pero en sí, la asignación de números se hace como te mostré.

Por lógica:
- se inicializa una variable global con numeración 0
- se ejecuta un loop
+ durante el loop se asigna el valor de la variable a cada elemento y se le incrementa 1.

Según veo la estructura de tus funciones, mi ejemplo tiene muchas posibilidades de funcionar.

[Dany_s]

como dice mayid,
una variable = 0 y sumando 1 cada vez va a ser único

<script>
var id = 0;
function dinamico (){
alert("id-"+(id++) );
};

dinamico ();
dinamico ();
dinamico ();
</script>


eso da "id-0", "id-1", "id-2" y cada vez que llames a la funcion dinamico() va a ir incrementando

podes publicar un html del resultado que queres lograr?