[SOLUCIONADO] ocultar imagen segun su alt

[jorge7712051]

Buenas tarde
tengo una duda tengo una serie de imagenes cada uno con propio alt , y lo que deseo es que cuando un usarrio ponga el alt de determinada imagen el resto de imagenes se oculte mi html es algo asi

Código HTML:

<div class="miniatura">
<div>
<a href="/aesma/mirror/retrovisor/3">
<img class="mini" src="/aesma/photos/x6UQ0wgZAyeLO8XCJ6BX.jpg" alt="hello">
</a>
<a href="/aesma/mirror/retrovisor/4">
<img class="mini" src="/aesma/photos/yr4KMamiHtYxfLK0tWyb.JPG"alt="album1">
</a>
</div>
</div>

<div class="buscar">	
	<input id="campo2" name="email" type="text"> 
	<img  id="campo3"src="/aesma/images/links/buscar.png">
	
<div> 

y la funcion que tengo va de la siguiente forma

Código:

$("#campo3").on( "click", function() {
	var porId=document.getElementById("campo2").value;	
	var alt =$('.mini').attr('alt'); 
	if($('.mini').attr('alt')=== porId){
			$('.mini').show();
	} 
	else	$('.mini').hide(); 
		 });

pero no funciona ,agradeceria su ayuda

[matake]

intenta con esto:

Código Javascript:

$("#campo3").on( "click", function() {
    
    $('.mini').hide();
    $('.mini[alt=' + $("#campo2").val() + ']').show();
 
});
 

[jorge7712051]

funciono a la perfeccion , muchas graciasss!!!!!!!!