jQuery: Cómo encontrar una imagen por su src

Question

Necesito encontrar un img por nombre y src. He estado intentando lo siguiente en vano.

var s = $("img[src='/images/greendot.gif'][name='BS']"); 

El html:

<img alt="This item is active." name="BS" src="/images/greendot.gif"/> 

vs

<img alt="This item is not active." name="BS" src="/images/spacer.gif"/> 

Answer 1

sin ver el código HTML que diría comprobar su camino.

$("img[src$='greendot.gif'][name='BS']") 

Dado el siguiente código HTML:

<img src="http://assets0.twitter.com/images/twitter_logo_header.png" name="logo" /> 

este jQuery trabajó:

var x = $("img[src$='twitter_logo_header.png'][name='logo']"); 
alert(x.attr("src")); 

Answer 2

Trate de perder las comillas:

var s = $("img[src=../../images/greendot.gif][name=BS]"); 

Answer 3

navegadores añaden ruta completa src, href y atributos similares. Por lo tanto, aunque el elemento se define con una ruta relativa, en DOM 'src' el atributo contiene el nombre de dominio y la ruta completa. El uso de la sintaxis [src $ = "..."] o la especificación del nombre de dominio completo parecen ser solo opciones para encontrar imágenes por src con jQuery.

---

Podría estar equivocado aquí. La propiedad src del objeto imagen informa la ruta completa, pero el atributo debe contener la ruta tal como se especifica en el código. [src = "relative/path"] funciona en la última versión de jQuery, tal vez era una versión anterior en la que no funcionaba.

Answer 4

Cambiar la etiqueta img así:

<img src="path/to/imgage/img.jpg" title="img.jpg" /> 

me refiero a añadir a su atributo de imágenes título y las puso nombre de archivo.

Cuando necesite acceder a la imagen sertain puede hacerlo de la siguiente manera:

//Finding image that you need using 'title' attribute; 
var imageTag = $("img[title='imageName']"); 

//Then if you need to do something with it; 
imageTag.attr('src', 'path/to/newImage/newImage.jgp'); 
imageTag.attr('title', 'newImage.jpg');