【问题标题】:Show/Hide Div based on content within that div根据 div 中的内容显示/隐藏 div
【发布时间】:2013-02-08 22:22:53
【问题描述】:

我希望根据是否有实际图像上传到该特定事件,或者占位符图像是否在容器内来隐藏这些页面上的图像容器。唯一能区分这两个图像的是图像的路径,当然,还有 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 部分,我将其用作我的客户事件的列表。感谢您提供的任何帮助!

【问题讨论】:

  • 你在这个页面上使用 jQuery 吗?
  • @nathanhayfield 尝试用谷歌搜索一些 stackoverflow 示例,但运气不佳。我想我不必展示示例就这么简单。
  • @JeromyFrench 当然。不过,似乎无法弄清楚为什么我不能让脚本也适用于网站的其他部分。

标签: jquery html show-hide


【解决方案1】:

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

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

隐藏占位符

【讨论】:

  • 是的,我是!完美运行!谢谢!你统治!
  • 知道为什么 $('img[src$="lg_noimage.jpg"]').closest('#productImageContainer').hide();在这个页面上不起作用? salvatorechiarelli.com/View/Thursday-February-14th-2013-7P-M
  • 因为在这种情况下,文件名是 md_noimage 而不是 lg_noimage,你可以将代码更改为 $('img[src$="_noimage.jpg"]').closest('#productImageContainer ')。隐藏();得到他们所有
  • 哇,我很笨,使用了错误的图片名称...谢谢!完美运行。非常感谢。
猜你喜欢
  • 2011-01-15
  • 2015-12-21
  • 1970-01-01
  • 2016-03-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-11-10
相关资源
最近更新 更多