javascript - 取:first elem img src content and pop 2nd elem bg-img property (featured img in WP)

Question

我有外部 RSS 提要填充以下重复出现的类 elements 。

<div class="featimg">{teaserImage}</div>
<div class="featimg">{teaserImage}</div>
<div class="featimg">{teaserImage}</div>

我想简单地获取 :first 实例，该实例也是来自 feed 的最新实例；获取 img src 内容并使用 img src 填充我的第二个元素，即:“.post-thumbnail ” css background-image: 属性。

所以，基本上我希望我的元素 .post-thumbnail 的 background-image: 属性从 .featimg 子 <img src=""> 内容的第一个实例填充。

注意:我的 .post-thumbail 是我的“Wordpress 精选图像”附加到背景图像的元素。

到目前为止，我有以下脚本 - 但由于某种原因，这不起作用，并且它没有将该图像拉入特色图像 ie。 .post-thumbnail

var getImageSrc = $('.featimg img').attr('src'); // .featimg img is correct selector
$('.site-featured-content').css('background-image', 'url(' + getImageSrc + ')');

Answer 1

您需要将图像选择器限制为数组中的第一个元素，并在代码的第二行中使用 .post-thumbnail 选择器:

var getImageSrc = $('.featimg img').first().attr('src');
$('.post-thumbnail').css('background-image', 'url(' + getImageSrc + ')');

这应该会给你你正在寻找的结果。