javascript - 使用 jQuery 替换 div 内容

Question

我正在寻找一种方法，将特色图片类 中的图片替换为点击缩略图类 中的图片。我想使用 jquery 来实现它...我一直在尝试使用 $(selector).replaceWith() 函数，但它没有按预期工作。下面是我的标记

<div class = "image-slider">
    <div id = "featured-image">
        <img src = "truck.jpg">
    </div>
    <ul class = "thumbnail">
        <li><img class = "small-image" src = "images/1.jpg" ></li>
        <li><img class = "small-image" src = "images/2.jpg" ></li>
        <li><img class = "small-image" src = "images/3.jpg" ></li>
        <li><img class = "small-image" src = "images/4.jpg" ></li>
        <li><img class = "small-image" src = "images/5.jpg" ></li>
    </ul>
</div>

谁有解决方案可以在不从无序列表中删除被点击的项目的情况下工作？该解决方案还应允许多次切换图像。谢谢。

Answer 1

$('.thumbnail img').on('click', function(e) {
    var _el = $(e.currentTarget);
    $('#featured-image img').attr('src', _el.attr('src'));
});