将图片的src属性设置为另一张图片（使用jQuery）

Question

我有一个包含若干图片的div元素，当我点击其中一张图片时，希望另一个div元素打开并显示我所点击的那张图片。

JS

$('.examples img').click(function() {
    var loc = $(this).attr("src");
    $('#image-zoom').attr("src",loc);
});

HTML

：HTML是超文本标记语言的缩写，它是用于创建和设计网页的基础语言。

<div class="container examples"  >
    <div id="image-zoom">
        <img class="img-thumbnail zoom" src="" alt="dental">
    </div>
    <div class="row">
        <div class="col-sm-12">
            <img id="zoom" class="img-thumbnail zoom" src="images/01.png" alt="dental">
            <img class="img-thumbnail zoom" src="images/02.png" alt="dental">
            <img class="img-thumbnail zoom" src="images/03.png" alt="dental">
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <img class="img-thumbnail zoom" src="images/04.png" alt="dental">
            <img class="img-thumbnail zoom" src="images/05.png" alt="dental">
            <img class="img-thumbnail zoom" src="images/06.png" alt="dental">
        </div>
    </div>
</div>

当我尝试隐藏div时，它有效了，所以我认为是语法错误。

- Hariss

---

控制台里有什么东西吗？ - Lasitha Benaragama

“＃image-zoom”不是“img”标记，因此它不能具有“src”属性。 - JFK

Answer 1

要更改图像的 src ，而不是 div 的:

$('#image-zoom img').attr("src",loc);

- Callidior

Answer 2

将第三行更改为引用图像而不是其容器：

$('#image-zoom img').attr("src",loc);

- Sagi_Avinash_Varma

Answer 3

#image-zoom 是一个 div 标签的 id，它没有 src 属性。因此，为了更改图像，您必须遍历到 img：

$('#image-zoom img').attr("src",loc);

- AyushM.