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