Jquery 当找不到图像时，如何隐藏DIV？

我在一个网站上工作，出现了一个问题。我希望如果一个图像存在，另一个DIV应该隐藏

如果所有5个图像都存在，则不应隐藏任何DIV

如果存在少于5个图像，则应隐藏剩余的DIV

我不是jquery方面的专家，所以我想找一个简短的jquery代码段，它可以做到这一点

这里是html

<div class="screenshoto">
<div id="scr"><a href="{$screenshot_1}"><img title="{$p_name} {$p_vers} screenshot" alt="{$p_name} {$p_vers} screenshot" style="max-width:615px;" src="{$screenshot_1}"></a></div> </br>
<div id="scr"><a href="{$screenshot_2}"><img title="{$p_name} {$p_vers} screenshot" alt="{$p_name} {$p_vers} screenshot" style="max-width:615px;" src="{$screenshot_2}"></a></div> </br>
<div id="scr"><a href="{$screenshot_3}"><img title="{$p_name} {$p_vers} screenshot" alt="{$p_name} {$p_vers} screenshot" style="max-width:615px;" src="{$screenshot_3}"></a></div> </br>
<div id="scr"><a href="{$screenshot_4}"><img title="{$p_name} {$p_vers} screenshot" alt="{$p_name} {$p_vers} screenshot" style="max-width:615px;" src="{$screenshot_4}"></a></div> </br>
<div id="scr"><a href="{$screenshot_5}"><img title="{$p_name} {$p_vers} screenshot" alt="{$p_name} {$p_vers} screenshot" style="max-width:615px;" src="{$screenshot_5}"></a></div> </br>
</div>

我已经搜索了堆栈溢出，但找到了一个相关的代码段，但它不起作用

有人能帮我处理有关html的代码吗。谢谢。

试试这个：

    var breakLoop = false; //initialising 
    $('.screenshoto div').each(function(){
        if(breakLoop ) return false; //breaking the loop if image is missing
        if($(this).find('img').length == 0){
           $(this).hide();
           breakLoop = true;
        }
    });

---

嗯，不确定{$screenshot_1}到{$screenshot_5}应该代表什么，甚至不确定您在这里使用什么语言。还有，为什么你在所有5个div标签上都有相同的ID？这些{$screenshot_1}到{$screenshot_5}是5个图像。哦，你只是为了这个问题把它放在那里，对吗？但那不是真正的东西，对吗？我认为，为了提供帮助，最好让您正在使用的实际代码处于实时状态。。。应该是或。只是希望，如果任何图像，即src==变为空，div应该隐藏。