Tratar inputs individualmente (jQuery)

[Jesusowins]

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.

[mayid]

Se hace confuso. Usa $(this) para referirte al input que clickeas:

$("#colorear").click(function(){
$("input[type=text]").css("background-color", $(this).attr("alt"));
});

Por que si usas $("input[type=text]") estas obteniendo un array.

[juaniquillo]

tienes varios input así que tienes que hacer un each():

Código javascript:

$(document).ready(function(){
    $("#colorear").click(function(){
        $("input[type=text]").each(function(){
            var color = $(this).attr("alt");
            $(this).css("background-color", color);
        });
        return false;
    });
})
 

*Edito Me ganaste mayid. Tu método es más conciso

[Jesusowins]

Yeah!! Funca de maravilla juaniquillo! Aunque el de mayid no lo probé, agradezco la ayuda a los dos! :D