Javascript jQuery以通用方式隐藏除第一个图像以外的所有图像

我只想显示第一个图像，隐藏其他图像，这是HTML的外观：

<div class="slider-image">
  <img src="html.png" alt="Html" />
  <img src="css.png" alt="Css" />
  <img src="jquery.png" alt="jQuery" />
</div>

但是它显示了每一张图片，有人能帮我吗？

使用

工作代码段：

$'.slider image img'.not'：eq0'.hide； 使用

工作代码段：

$'.slider image img'.not'：eq0'.hide； 试试这个：

$("div.slider-image img:not(:first-child)").hide();

试试这个：

$("div.slider-image img:not(:first-child)").hide();

---

您可以使用简单的单行jQuery代码

---

$div.slider-image img.eq0.同胞'img'。隐藏

您可以使用简单的单行jQuery代码

$div.slider-image img.eq0.同胞'img'。隐藏

这不是正确的方式，但这是工作@Anant Singh这是给正确的答案，但这是为你工作

---

这不是正确的方法，但它是有效的@Anant Singh它给出了正确的答案，但它对您有效

您可以尝试下面的代码。它工作得很好。和图像显示在中心

$'。滑块图像img:not:first child'。隐藏； .滑块图像{ 显示：块； 左边距：自动； 右边距：自动； 宽度：10%； }

---

您可以尝试下面的代码。它工作得很好。和图像显示在中心

$'。滑块图像img:not:first child'。隐藏； .滑块图像{ 显示：块； 左边距：自动； 右边距：自动； 宽度：10%； }

---

您真的需要为此使用jQuery吗？您可以通过简单的css实现这一点：

.slider-image > img:not(:first-child) {
    display: none;
}

---

您真的需要为此使用jQuery吗？您可以通过简单的css实现这一点：

.slider-image > img:not(:first-child) {
    display: none;
}

---

对不起，我没有说我不能更改Html文件。或者，我没有说我不能更改Html文件。忘记了img选择器。请检查。答案已更新。忘记了img选择器。Plz检查。第一个可以工作，但它会将图像的位置从左侧更改为右侧center@SaraBriccoli你必须根据第一张图片的效果来调整css，但它会将图片的位置从左侧改为左侧center@SaraBriccoli您必须相应地调整css

$('.slider-image img:not(:first-child)').css('opacity':0);

.slider-image > img:not(:first-child) {
    display: none;
}