javascript - 如何按类别获取第一张图像的来源？

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

已关闭 5 年前。

• 此问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。
• 编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

Improve this question

我正在尝试制作一个包含 4 张图像的简单画廊。
我写了一段代码，但结果总是undefined .
我想要的是默认显示类 little 的 div 中的第一张图片

这是 HTML 代码:

<img class="imageToShow" />
<div class="little">
    <img class="imageNotToShow" src="../Images/gallery1.jpg" />
    <img class="imageNotToShow" src="../Images/gallery2.jpg" />
    <img class="imageNotToShow" src="../Images/gallery3.jpg" />
    <img class="imageNotToShow" src="../Images/gallery4.jpg" />
</div>

这是js代码:

var firstImageSrc;
firstImageSrc = $('.imageNotToShow').first().attr("src");
alert(firstImageSRC);
$('.ImageToShow').attr("src", firstImageSrc);

Answer 1

Jquery 选择器区分大小写，因此请更正您的类选择器ImageToShow 到 imageToShow...

var firstImageSrc = $('.imageNotToShow').first().attr("src");
$('.imageToShow').attr("src", firstImageSrc);

.imageNotToShow{
display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="imageToShow" />
<div class="little">
    <img class="imageNotToShow" src="http://via.placeholder.com/350x151" />
    <img class="imageNotToShow" src="http://via.placeholder.com/350x152" />
    <img class="imageNotToShow" src="http://via.placeholder.com/350x153" />
    <img class="imageNotToShow" src="http://via.placeholder.com/350x154" />
</div>