获取图像 src 如果有更多然后图像 src 只获取一张图像 src

阿佐

我正在尝试使用 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

获取子图像的src

来自分类Dev

从<content:encoded>获取图像src

来自分类Dev

从html代码获取图像src

来自分类Dev

获取图像src而不加载图像?

来自分类Dev

如何获取图像的src并显示图像?

来自分类Dev

获取所有src图像选定的容器

来自分类Dev

Javascript从特定图像onclick获取.src

来自分类Dev

如何获取不同图像jQuery的特定src?

来自分类Dev

如何从特定元素获取图像src

来自分类Dev

无法使用jQuery获取图像的src

来自分类Dev

从ReactJS中的props onClick获取图像src

来自分类Dev

在父标签中获取图像的src属性

来自分类Dev

在TinyMCE中获取所选图像的src

来自分类Dev

Javascript从特定图像onclick获取.src

来自分类Dev

获取最接近的图像attr(“ src”)jQuery

来自分类Dev

使用xslt从xml获取图像src

来自分类Dev

如何获取动态创建的图像src

来自分类Dev

如何从特定元素获取图像src

来自分类Dev

如何获取杂项图像src jQuery

来自分类Dev

从您单击的按钮内的图像获取 src。

来自分类Dev

使用scrapy python获取图像src

来自分类Dev

从android中的webview获取图像src

来自分类Dev

-src的AngularJS图像路径

来自分类Dev

通过jQuery获取单击图像的src并放入另一个图像src

来自分类Dev

AngularJS检查404的图像并获取图像src的动态URL

来自分类Dev

如何获取图像 src 作为变量并显示数组中的图像?

来自分类Dev

更改src属性后图像不显示

来自分类Dev

jQuery遍历图像并替换src

来自分类Dev

从JSON删除src以创建图像