2010-05-04 23 views
6

tengo algunos contenidos dentro de la etiqueta div ...cómo conseguir img src valor

dentro de ese contenido de la etiqueta div que tengo que buscar el valor de etiqueta img src

basado en ese valor que tengo que destacar algunas imágenes y para mostrar algún contenido div

por ejemplo

si el valor img src contiene "http://google.com/test/test.img" tienen que resaltar y mostrar img se pone de relieve el contenido div

si el valor img src contiene alguna ruta específica "news/images/test1.jpg" tiene que resaltar y mostrar img está resaltado contenido div

si el valor img src contiene alguna ruta específica "news/articles/images/test1 .gif "no es necesario resaltar y mostrar img no está resaltado contenido div.

Respuesta

12

creo que quiere decir que hay dos escenarios posibles donde desea poner de relieve la imagen:

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"); 
} 

EDITAR basado en su comentario:

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

Hola, Gracias por respuesta.

dynamic content.......
Tengo que encontrar el valor img src dentro de este contenido div y el contenido, las etiquetas img serán dinámicas cada vez. Puede haber 10 imágenes dentro de esa etiqueta div formpreview. dentro de la "formpreview" div contenido de la etiqueta, tengo que comprobar todo valor img src y con base en el valor src, si contiene "google.com" tengo que destacar que IMG y para mostrar algunos contenidos como "img se destaca ". si no CONTIENE "google.com" no necesito resaltar y mostrar ese contenido. – MKN

+0

@MKN: puede filtrarlos utilizando el atributo contiene selector. He actualizado mi respuesta, también 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"); 
Cuestiones relacionadas