2013-02-08 141 views
1

我正在尋找隱藏這些頁面上的圖像容器的依據,如果上傳到該特定事件的實際圖像,或者佔位符圖像位於容器內部。區分這兩幅圖像的唯一方法就是圖像的路徑,以及alt標籤。我顯然希望隱藏圖像容器容器的佔位符圖像。 (th_noimage.jpg是佔位符圖片)根據該div內的內容顯示/隱藏div

http://www.salvatorechiarelli.com/List/February

<div class="productListImageContainer"> 
<a id="MainContent_controlProductsList1_lvItems_ctrl0_lnkImage_0" href="/View/Thursday-February-14th-2013-7P-M"> 
<img id="MainContent_controlProductsList1_lvItems_ctrl0_produtImage_0" alt="Thursday, February 14th, 2013 @ 7P.M." src="/ProductImages/112229/th_noimage.jpg"> 
</a> 
</div> 

<div class="productListImageContainer"> 
<a id="MainContent_controlProductsList1_lvItems_ctrl0_lnkImage_1" href="/View/Sunday-February-17th-2013-3P-M"> 
<img id="MainContent_controlProductsList1_lvItems_ctrl0_produtImage_1" alt="Sunday, February 17th, 2013 @ 3P.M." src="/ProductImages/112229/th_be4a17_feb_17_13.png"> 
</a> 
</div> 

基本上是一個劇本,說隱藏productListImageContainer如果它包含th_noimage.jpg。我希望我是一名程序員,但它完全凌駕於我的頭上。

這是一個電子商務CMS部分的網站,我操作爲我的客戶事件列表工作,順便說一句。感謝您提供的任何幫助!

+0

你這個頁面上使用jQuery的佔位符? – 2013-02-08 22:29:16

+0

@nathanhayfield試圖用google搜索幾個stackoverflow的例子,但沒有太多的運氣。我認爲這很簡單,我不必展示這些例子。 – 2013-02-08 22:41:05

+0

@JeromyFrench當然。但似乎無法弄清楚爲什麼我無法讓腳本爲網站的其他部分工作。 – 2013-02-08 22:41:38

回答

1

如果你使用jQuery,你很可能根本:

$('img[src$="th_noimage.jpg"]').closest('.productListImageContainer').hide(); 

隱藏

+0

是的,我是!完美的作品!謝謝!你統治! – 2013-02-08 22:33:01

+0

任何想法爲什麼$('img [src $ =「lg_noimage.jpg」]')。closest('#productImageContainer')。hide();在這個頁面上不起作用? http://www.salvatorechiarelli.com/View/Thursday-February-14th-2013-7P-M – 2013-02-08 22:39:49

+0

因爲在這種情況下,文件名是md_noimage而不是lg_noimage,你可以將代碼改爲$('img [src $ = 「_ noimage.jpg」] ')接近的(' #productImageContainer')隱藏();讓他們全部 – 2013-02-08 22:42:39