javascript - 如何用 javascript 替换图像?

标签 javascript jquery html

我的看法是这样的:

<li id="thumbnail-view" class="count-photo">
    <div class="thumbnail">
        <img src="{{ asset('img/thumbs/'.$photo) }}" alt="">
        <a href="javascript:" class="thumbnail-check"><span class="fa fa-check-circle"></span></a>
        <ul class="list-inline list-edit">
            ...
        </ul>
    </div>
</li>

我的 javascript 是这样的:

var photo = 'flower.jpg';
var res = `<img src="{{ asset('img/thumbs/'+photo) }}" alt="">`
$('#thumbnail-view img').html(res);

如果执行javascript代码,我想改变图像

我试过了,还是不行

我该怎么做?

最佳答案

简单的方法

 var photo = 'flower.jpg';
 $('#thumbnail-view img').attr('src', photo);

关于javascript - 如何用 javascript 替换图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44432640/

相关文章:

javascript - 单击按钮将 HTML div 内容导出为 pdf

javascript - 嵌入页面时为什么要包含脚本的版本号?

php - 将值从 HTML 表单传递到 php 变量

html - 是否有一种 pre-CSS3 方法可以使 div 向上翻译与其高度相同的量?

javascript - 重新图表工具提示显示相同的值

javascript - 在选项卡的单击功能上初始化猫头鹰轮播

javascript - 编写事件处理程序时对一些事情感到困惑

javascript - VueJS/NuxtJs中如何动态调用axios方法

javascript - jQuery Promises 和 Deferred,困惑

javascript - 单击单选按钮后如何获取此处隐藏字段的值