Jquery 隐藏仅具有多个图像(主要是颜色)的产品的图像

Jquery 隐藏仅具有多个图像(主要是颜色)的产品的图像,jquery,Jquery,我有一页产品。有些产品有多个图像(颜色)。我想把它们全部隐藏起来,接受第一张图片 HTML 斯伯丁女子跑步裤 斯伯丁女式跑步短裤 提前谢谢 我建议: $('.prod').find('img').not(':first-child').hide(); 在Chromium 12/Ubuntu 11.04中工作 编辑关于@kingjiv的评论(简短版本:他完全正确): 只要在第一个图像标记之前没有其他内容结束,这就可以了。否则,其他内容(无论是span还是其他内容)就是第一个子元素,

我有一页产品。有些产品有多个图像(颜色)。我想把它们全部隐藏起来,接受第一张图片

HTML

  • 斯伯丁女子跑步裤
  • 斯伯丁女式跑步短裤
  • 提前谢谢

    我建议:

    $('.prod').find('img').not(':first-child').hide();
    

    在Chromium 12/Ubuntu 11.04中工作


    编辑关于@kingjiv的评论(简短版本:他完全正确):


    只要在第一个图像标记之前没有其他内容结束,这就可以了。否则,其他内容(无论是span还是其他内容)就是第一个子元素,它将隐藏该li中的所有图像……我认为
    .find('img:not(:first)
    可以解决这个问题


    参考资料:

      • 我建议:

        $('.prod').find('img').not(':first-child').hide();
        

        在Chromium 12/Ubuntu 11.04中工作


        编辑关于@kingjiv的评论(简短版本:他完全正确):


        只要在第一个图像标记之前没有其他内容结束,这就可以了。否则,其他内容(无论是span还是其他内容)就是第一个子元素,它将隐藏该li中的所有图像……我认为
        .find('img:not(:first)
        可以解决这个问题


        参考资料:


          • 这种方式非常相似:

            jQuery:

            $('.prod').find('img:first').show();
            
            css:


            这种方式非常相似:

            jQuery:

            $('.prod').find('img:first').show();
            
            css:


            只要在第一个图像标记之前没有其他内容结束,这就可以了。否则,其他内容(无论是span还是其他内容)是第一个子项,它将隐藏该
            li
            中的所有图像。li.prod标记中有更多的代码。我删除了一些代码以简化这一过程,但这是包装中唯一的img标记。只要在第一个图像标记之前没有其他内容结束,就可以了。否则,其他内容(无论是span还是其他内容)是第一个子项,它将隐藏该
            li
            中的所有图像。li.prod标记中有更多的代码。我删除了一些代码来简化这个过程,但这是包装中唯一的img标记。我喜欢这个。它更干净,而不是做一个双过滤器不好工作。谢谢老兄!我试过这个。每个()但是这个似乎好多了。我喜欢这个。它更干净,而不是做一个双过滤器不好工作。谢谢老兄!我试过用。each()来做这个,但看起来好多了。
            .prod img {
                display:none;
            }