我正在尝试使用 jquery 获取图像 src,如下所示:
HTML
<div class="post_container">
<img src="http://imageurl.com">
</div>
<div class="appendedimageContainer"></div>
Javascript
var imageSrc = $('.post_container img').attr('src');
$(".appendedimageContainer").append('<div class="appended"><img src="'+imageSrc+'"></div>');
上面的代码以一种健康的方式工作,但我想问的问题在这里。如果图片不止一张,我希望它们不会被附加。我只想添加其中之一。
例如,如果情况如下:
<div class="post_container">
<img src="http://imageurl1.com">
<img src="http://imageurl2.com">
<img src="http://imageurl3.com">
<img src="http://imageurl4.com">
</div>
<div class="appendedimageContainer"></div>
只需让其中一个获取图像 url 并忽略其他图像 src。你能帮忙 我该怎么做?
使用 nth-child 选择器获取您想要的图像,例如
var imageSrc = $('.post_container img:nth-child(0)').attr('src');
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句