Question

我有一页产品。有些产品有多种图像（颜色）。我想隐藏所有人接受第一张图片。

HTML

      <li class="prod">
          <img src="image/something.jpg"  /> 
        <h1>Spalding Women's Running Pant</h1>
      </li>
      <li class="prod">
          <img src="image/something.jpg"  /> 
          <img src="image/something2.jpg" />
          <img src="iimage/something.jpg3"/> 
        <h1>Spalding Women's Running Shorts</h1>
      </li>

提前致谢！

Answer 1

我建议：

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

JS Fiddle demo

在Chromium 12 / Ubuntu 11.04中工作。

已编辑关于@kingjiv的评论（简短版本：他绝对正确）：

只要在第一个图像标记之前没有其他内容结束，这就没问题了。否则，其他内容（无论是跨度还是其他内容）是第一个隐藏所有图像的孩子......我认为.find('img:not(:first)')会解决这个问题。

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

Updated JS Fiddle

参考文献：

Answer 2

这种方式非常相似：

jQuery的：

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

的CSS：

.prod img {
    display:none;
}

隐藏仅具有多个图像的产品的图像（主要是颜色）

2 个答案: