javascript - 获取图片 src 如果有更多图片 src 只获取一张图片 src

Question

我正在尝试使用 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。你能帮忙我该怎么做？

标签： javascriptjqueryhtml

Answer 1

使用 nth-child 选择器获取您想要的图像，例如

var imageSrc = $('.post_container img:nth-child(0)').attr('src');