2010-05-04 6 views
6

J'ai quelques contenu à l'intérieur balise div ...comment obtenir img valeur src

dans ce contenu de la balise div Je dois rechercher tag img src valeur

basée sur cette valeur, je dois souligner quelques-unes images et de montrer un contenu div

par exemple

si la valeur img src contient « http://google.com/test/test.img » doivent mettre en évidence et de montrer img est mis en évidence le contenu div

si img src valeur contient un chemin spécifique "news/images/test1.jpg" doit mettre en évidence et pour montrer img est mis en surbrillance div contenu

si img src valeur contient un chemin spécifique "news/articles/images/test1 .gif "pas besoin de mettre en évidence et de montrer img n'est pas mis en évidence contenu div.

Répondre

12

Je pense que vous voulez dire qu'il ya deux scénarios possibles où vous voulez mettre en évidence l'image:

var $img = $("#someImage"); 
var src = $img.attr("src"); 
if(src == 'http://google.com/test/test.img' || src == 'news/images/test1.jpg') { 
    $img.addClass("highlight"); 
    // or 
    $img.css("border", "3px solid yellow"); 
} 

EDIT en fonction de votre commentaire:

$("#formpreview img[src*=google.com]").addClass("highlight"); 
+0

Salut, Merci pour répondre.

dynamic content.......
Je dois trouver la valeur img src dans ce contenu div et le contenu, les balises img sera dynamique à chaque fois. Il peut y avoir 10 images dans ce formulaire. dans le contenu de la balise div "formpreview", je dois vérifier toute la valeur src img et basé sur la valeur src, si elle CONTIENT "google.com" je dois mettre en évidence ce img et montrer un contenu comme "img est en surbrillance ". si ce n'est pas CONTIENT "google.com" je n'ai pas besoin de mettre en évidence et de montrer ce contenu. – MKN

+0

@MKN - Vous pouvez les filtrer en utilisant l'attribut contient le sélecteur. J'ai mis à jour ma réponse, aussi http://api.jquery.com/attribute-contains-selector/ – karim79

0
$('#someImage[url="http://google.com/test/test.img"],' 
+ '#someImage[url="news/image/test1.jpg"]') 
.addClass("highlight").css("border", "3px solid yellow"); 
Questions connexes