根据该div中的内容显示/隐藏Div

时间:2013-02-08 22:22:54

标签: jquery html show-hide

我希望隐藏这些页面上的图像容器,具体取决于是否有实际图像上传到该特定事件,或者占位符图像是否在容器内部。区分两个图像的唯一方法是图像的路径,当然还有alt标记。我显然希望隐藏图像容器容器的占位符图像。 (th_noimage.jpg是占位符图像)

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>

基本上是一个脚本,如果它包含th_noimage.jpg,则隐藏productListImageContainer。我希望自己是一名程序员,但这完全超出了我的想法。

这是该网站的电子商务CMS部分,我将其操作作为我的客户事件的列表。顺便说一下。感谢您提供的任何帮助!

1 个答案:

答案 0 :(得分:1)

如果你使用jQuery,你可能会这样做:

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

隐藏占位符