jQuery update element id

Question

Soy nuevo en jQuery y me gustaría actualizar el ID de un elemento. Mi enfoque es:

1. seleccione este elemento por su ID

2. sobrescribir este id con un nuevo valor.

¿Te importaría decirme dónde está mi error?

Gracias!

A continuación se muestra el código HTML:

<tr><th><label for="id_aerial_size_dist">Aerial size dist:</label></th><td><select name="aerial_size_dist" id="id_aerial_size_dist"> 
<option value="a">Very Fine to Fine</option> 
<option value="b">Fine to Medium (EFED Default)</option> 
<option value="c">Medium to Coarse</option> 
<option value="d">Coarse to Very Coarse</option> 
</select></td></tr> 

jQuery

<script type="text/javascript" src=" ../stylesheets/jQuery-1.7.2.js"></script> 

<script> 
$(document).ready(function() { 

    $('#id_aerial_size_dist').attr('id', 'id_a'); 

    }); 
</script> 

Answer 1

Sí, hay una forma de cambiar cualquier atributo.

$('#your_element').attr('id','the_new_id'); 

Por otra parte, esto definitivamente no es recomendable y también es una práctica bastante mala. Sin embargo, puede usar clases para la misma funcionalidad.

$('.my_class').removeClass('my_class').addClass('normal_element'); 

Si me dices lo que tienes que hacer, te ayudaré con una solución.

Answer 2

En lo personal me siento como el hecho de que jQuery no tiene un método de selección específico para la identificación es mucho intencional porque no debería estar cambiando Ids alrededor. ¿Hay alguna razón por la que no estés usando clases? jQuery tiene muchas funciones y selectores útiles para administrar aquellos con respecto a un elemento y se pueden usar como identificadores únicos e identificadores de grupo.