html 使用jquery隐藏第二个和第三个div中的图像

qltillow 于 2023-08-01 发布在 jQuery

关注(0)|答案(2)|浏览(127)

我有以下div结构

<div class="block_content">
    <img src="image1.png">
</div>
<div class="block_content">
    <img src="image2.png">
</div>
<div class="block_content">
    <img src="image3.png">
</div>

字符串
现在我想隐藏image2和image3，代码如下

$(document).ready(function ($){
    $('div.block_content').each(function() 
    {
         if($("div.block_content:eq(1)").find('img').length)
         {
            $("div.block_content:eq(1)").addClass('hide-for-small');
         } 
         if($("div.block_content:eq(2)").find('img').length)
         {
            $("div.block_content:eq(2)").addClass('hide-for-small');
         } 
    });
  });

型
但是上面的jquery代码什么都不做。我必须检查每个div，因为有时div只能包含文本。所以简而言之，如果文本，则显示所有三个div，否则隐藏最后2个div。
任何帮助都非常欢迎。先谢谢你。

Html

来源：https://stackoverflow.com/questions/27129500/hide-image-from-second-and-third-div-using-jquery

2条答案

按热度按时间

yfwxisqw1#

尝试:nth-child - CSS

$(".block_content:not(:first-child) img").hide();

字符串
还是CSS

.block_content:not(:first-child) img{ display:none}

型
如果你不想使用:not试试这个

.block_content:nth-child(n+2) img{ display:none}

型
或者这个我很努力，但它也会起作用

img{ display:none}
.block_content:first-child img{ display:block}

型
或使用hidden属性

<div id="block1" class="block_content">
    <img src="image1.png" />
</div>
<div id="block_2" class="block_content">
    <img src="image2.png" hidden />
</div>
<div id="block_3" class="block_content">
    <img src="image3.png" hidden />
</div>

型

赞(0）回复(0）举报 2023-08-01

ovfsdjhp2#

$(document).ready(function (){
    $("div.block_content").find("img").eq(1).hide();
    $("div.block_content").find("img").eq(2).hide();
 });

个字符

赞(0）回复(0）举报 2023-08-01

我来回答

html 使用jquery隐藏第二个和第三个div中的图像

2条答案

相关问题

热门标签

最新问答