Javascript 使用jquery调用image src

Javascript 使用jquery调用image src,javascript,jquery,Javascript,Jquery,我在一个div中有一个图像。下面是当前的div结构 <div id="imgHolder"> <img class="smallthumb" src="imgHolder.png"> </div> 但最终结果是: <div id="imgHolder" class="smallthumb" src="imgHolder.png"></div> imgHolder是div元素的ID,因此imgHolder将引用div元素,这就

我在一个div中有一个图像。下面是当前的div结构

<div id="imgHolder">
   <img class="smallthumb" src="imgHolder.png">
</div>
但最终结果是:

<div id="imgHolder" class="smallthumb" src="imgHolder.png"></div>


imgHolder
div
元素的ID,因此
imgHolder
将引用
div
元素,这就是
src
被添加到
div
元素的原因

您需要在div中找到图像,以便可以使用子体选择器和id选择器,如

$('#imgHolder img').attr("src", "profile.png");
$(“按钮”)。单击(函数(){
$('#imgHolder img').attr(“src”,“//placehold.it/64X64&text=profile”);
})


更改
您需要选择
img
来更改
img
的属性

$('#imgHolder img').attr("src", "profile.png");
由于
img
是div的直接子级,您也可以使用子级
选择器

$('#imgHolder>img').attr("src", "profile.png");
演示

$('img>img').attr('src','profile.png')

您可以使用查找任何类似的子体:

$('#imgHolder').find('img').attr("src", "profile.png");

如果
$('#imgHolder)
是动态创建的,我怎么能让它工作呢?@Bekki你说的动态创建是什么意思。。。如果在创建元素后运行此操作,它将正常工作。由于某些原因,
未被添加。在我的代码中,
$('#imgHolder)
是动态创建的-这可能是原因吗?@Bekki-不存在
img
元素,然后添加它。由于某些原因,
未被添加<代码>$('#imgHolder)
是动态创建的-这可能是原因吗?@Bekki您能添加完整的有问题的代码吗,图像是如何创建的added@Bekki因为
div
中没有
img
。要添加一个,请参见,谢谢。成功了。那么为什么没有
$('#imgHolder img').attr(“src”,“profile.png”)工作?如果我有
,它会工作吗?
$('#imgHolder').find('img').attr("src", "profile.png");