2010-05-04 54 views
6

我有div標籤裏面的一些內容......如何讓IMG SRC值

該div標籤內容我有基於該值來搜索IMG SRC標記值

內我必須強調一些圖像和顯示出一些DIV內容

例如

如果IMG SRC值包含「http://google.com/test/test.img」必須突出和展現IMG被突出顯示的div內容

如果img src的值包含一些特定的路徑「news/images/test1.jpg」必須高亮顯示img是高亮的div內容

如果img src值包含某些特定路徑「news/articles/images/test1 .gif「不需要突出顯示img,也不會突出顯示div內容。

回答

12

我想你的意思是有兩種可能的情況下,您要突出顯示的圖像:

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

編輯根據您的評論:

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

嗨, 感謝回覆。

dynamic content.......
我必須在這個div內容 和內容中找到img src值,img標籤每次都是動態的。 該formpreview div標記中可能有10個圖像。 在「formpreview」div標籤內容中,我必須檢查所有img src值並基於src值,如果它包含「google.com」,我必須突出顯示img並顯示一些內容,例如「img被突出顯示」。 如果它不包含「google.com」我不需要突出顯示該內容。 – MKN 2010-05-04 14:13:11

+0

@MKN - 您可以使用屬性包含選擇器將其過濾掉。我更新了我的答案,也是http://api.jquery.com/attribute-contains-selector/ – karim79 2010-05-04 14:43:35

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