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。您可以帮我吗？

Answer 1

使用nth-child选择器获取所需的图像，例如

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

Answer 2

您可以使用first（）获取第一个元素：-

var imageSrc = $('.post_container img').first().attr('src');

如果有更多图像，则获取图像src，然后仅获取一张图像src

2 个答案: