¿Cómo agregar un atributo id a una etiqueta html con cierta clase utilizando jQuery?

Question

Tengo un enlace con una clase de special y quiero agregarle un atributo de id.

Solo un elemento en mi documento tendrá esta clase en cualquier momento (puedo eliminar y agregar uno nuevo en algún momento).

¿Cómo voy a añadir un atributo id al elemento para cambiar desde este:

<div class="special"> 

a esto:

<div id="special-12345" class="special"> 

Answer 1

Añadiendo el atributo es fácil:

$('.special').attr('id', 'your-id-value'); 

La parte más potencialmente problemática será garantizar que los ID que está agregando sean únicos.

Answer 2

$(".special").attr("id","special-" + (new Date()).getTime()); 

Answer 3

Prueba este

$('div.special').attr('id','your-id'); 

Answer 4

No tienen la reputación para agregar un comentario, pero yo creo que es lo suficientemente beneficiosa para los demás en busca de respuesta a estado, que

attr(); 

Doesn 'simplemente agregue el atributo pero en su lugar establece. Importante cuando ya existe una ID establecida en el elemento.

Answer 5

Puedes añadir id con:

$('.special').attr('id', 'id-value'); 

¿Quiere cambiar el ID?

$('.special').removeAttr('id').attr('id', 'id-value');