jQuery: Comment trouver une image par son src

Question

J'ai besoin de trouver un img par nom et src. J'ai essayé ce qui suit en vain.

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

Le 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

sans voir le code html je vous conseille de consulter votre chemin.

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

donné le code HTML suivant:

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

cette jquery a fonctionné:

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

Answer 2

Essayez de perdre les citations:

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

Answer 3

Browsers ajouter le chemin complet src, href et attributs similaires. Ainsi, même si l'élément est défini avec un chemin relatif, l'attribut DOM 'src' contient le nom de domaine et le chemin complet. L'utilisation de la syntaxe [src $ = "..."] ou la spécification d'un nom de domaine complet semble être seulement des options pour trouver des images par src avec jQuery.

---

Je peux me tromper ici. La propriété src de l'objet image renvoie le chemin d'accès complet, mais l'attribut doit contenir le chemin spécifié dans le code. [src = "relative/path"] fonctionne dans la dernière version de jQuery, peut-être était-ce une version antérieure où cela ne fonctionnait pas.

Answer 4

Modifier votre balise img comme ceci:

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

Je veux dire ajouter à votre attribut title images et les fixer le nom du fichier.

Lorsque vous avez besoin d'accéder à l'image de sertain vous pouvez le faire comme ci-dessous:

//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');