Orientación de DIV sin #id, adición de #id

Soy nuevo en JavaScript y CSS y mis habilidades son pobres en el mejor de los casos. Tengo una idea de cómo resolver mi problema, pero no tengo el conocimiento para resolverlo.
Tengo un código como este:

<div class="detail"> <div class="detail-group"></div> <div class="detail-group"></div> <div class="detail-group"></div> </div> 

Tengo que adjuntar un DIV existente con el id único a cada uno de los DIV del grupo de detalles. Tengo que especificar el .detail-group aunque sean exactamente iguales. No tengo acceso al HTML para editarlo manualmente.
Si estoy en lo correcto, mi mejor opción es usar JS para establecer ID en esos DIV de grupo de detalles.
Usé CSS para apuntar a cada uno de ellos con esto y crear una diferencia:

 .detail-group:nth-child(1) { padding-right: 0.01px } .detail-group:nth-child(2) { padding-right: 0.02px } .detail-group:nth-child(3) { padding-right: 0.03px } 

Pero no sé cómo detectar esta diferencia con JS y trabajar con ella. ¿Es posible diferenciar el order de los elementos en JS? Si hay, Cómo hacerlo. ¿Y cómo agregarles identificaciones?

Una nota al margen, estoy trabajando con modules Enjin y es por eso que no tengo acceso a su HTML. Si alguien tiene experiencia en este campo, será muy apreciado.

Puede usar la function .attr() junto con su callback para establecer los identificadores usando el índice de elementos div:

 $('.detail-group').attr('id', function(i) { return 'detailgroup'+(i+1); }); 

Demo de trabajo

No necesita asignar identificaciones a los divs para orientarlos. Digamos que la siguiente variable muestra – 'index of target div = index of element in array', 'ID of existing ID to append'

 var ids = ['divid1','divid2','divid3']; 

Luego puede usar el siguiente código para anexar los div con ID anteriores a los respectivos DIV de destino:

 $('.detail-group').append(function(i) { return $('#' + ids[i]); //or return $('#divid' + (i+1)); }); 

Alternativamente, supongamos que puede seleccionar los DIV existentes a través de una class común, por ejemplo, .content-div y divs representa estos div, entonces podría hacerlo de esta manera:

 var divs = $('.content-div'); $('.detail-group').append(function(i) { return divs[i]; }); 

Sin embargo, si agrega el mismo div a los tres DIV de destino, considere eliminar el ID antes para que no termine con los ID duplicates:

 //select the one DIV var oneDiv = $('#oneDiv'); //detach it from DOM oneDiv.detach(); //remove ID oneDiv.removeAttr('id'); //clone oneDiv and add to the target DIVs $('.detail-group').append(function() { return oneDiv.clone(); });