Hola, de nuevo por estos lares que siempre me sacan la pata del barro, de verdad que no sabía qué título ponerle al tema pero espero que me ayuden. Estoy un poco liado con esto.
Tengo 3 inputs que quiero colorear dependiendo de su atributo 'alt':
Código HTML:
<script src="jquery.js"></script>
<input type="text" alt="green" value="Verde"><br>
<input type="text" alt="red" value="Rojo"><br>
<input type="text" alt="blue" value="Azul"><br>
<input id="colorear" type="button" value="Colorear!">
<script>
$("#colorear").click(function(){
$("input[type=text]").css("background-color", $("input[type=text]").attr("alt"));
});
</script> Resultado indeseado: Los 3 campos de texto se pintan de
VERDE!! o sea, toma el valor 'alt' del primer input solamente.
Alguien conoce algún método para que que cada input "trabaje" independientemente pero dentro de una misma función "sencilla". Lo que no quisiera es recurrir a los IDs y darle uno a cada input... sería una lala.
Les agradezco muchachos. Gracias.
