Question

我想在div中获取第一个img的图像src，并将其作为背景添加到另一个div中。

<ul class="list-parent">  
<li>
  <!-- add div with background img here -->
  <div class="img-parent">  
    <img src="image src origin">
    <img src="ignore this image">
    <img src="ignore this image">
  </div>
</li>
<li>
  <!-- add div with background img here -->
  <div class="image-parent">  
    <img src="image src origin">
    <img src="ignore this image">
    <img src="ignore this image">
  </div>
</li>
</ul>

我做了类似的事情：

var rssimg = $('.image-parent img:first-child').attr('src');
$('.img-target li').prepend('<div class="img-target" style="background-image:url(' + rssimg + ')"></div>');

但我只获得第一个.image-parent的第一张图片的来源，而不是他们的直接父母中每张第一张图片的第一张src。

我已经搜索了几个小时并尝试了不同的方法，但到目前为止还没有任何工作。我对JQuery几乎不熟悉，但我非常确定能够找到解决方案。

非常感谢您的专业知识。

Answer 1

您需要$.map和$.get

var rssimg = $('div[class$=parent] img:first-child').map(function(){
    return this.src;
}).get();

现在rssimg是Array，其元素是图片的网址，这些图片是<div>的后代，其中class以父级结尾，并且可以访问它们由指数。

jquery获取img src并在另一个div中添加为背景

1 个答案: