Javascript 使用jquery调用image src
我在一个div中有一个图像。下面是当前的div结构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 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");