Que tal amigos, este es mi primer post, y esque ya llevo un buen rato rompiendome la cabeza con esta duda, pues ahi les va...
tengo el siguiente html:
<body>
<form id="form1" method = "POST">
<input name="input1" value="valor del 1">
<input name="input2" value="valor del 1">
<input type="submit" value="enviar">
<form>
</body>
y me gustaría cambiar el nombre de los inputs, lo cual trato de hacerlo de la siguiente manera con jquery:
<script>
$(document).ready(function(){
$("#form1").children(" :input").each(function(){
this.attr('name','nuevoNombre');
});
});
</script>
Esto no funciona, e indagando un poco me doy cuenta que la linea
this.attr('name','nuevoNombre');
no hace referencia a un objeto jquery sino a un htmInputElement...., que obviamente no tiene el metodo attr()
Entonces otra duda sería cuando los selectores hacen referencia al objeto "real" en el DOM y cuando es que los selectores hacen referencia a un objeto de jquery
