javascript - Jquery替换图片问题

Question

我正在使用以下脚本根据输入的值更改图像。

var siteLogo = $('input#site-logo').val();
$('#site-logo, img').attr("src", siteLogo);

html

 <div id=site-logo>
<img src="default.png" width="285px" height="100px">
</div>

<input id="site-logo" class="input-xlarge" placeholder="http://" type="text">
<button id="add-site-logo" class="btn" href=""> Add</button>

我的问题是，它将页面上的所有图像更改为站点 Logo 中的值。我如何做到仅站点 Logo 中的值发生变化，而不是页面上的其他随机内容？

Answer 1

尝试

var siteLogo = $('input#site-logo').val();
$('#site-logo img').attr("src", siteLogo);