拿:第一个elem img src内容和pop第二个elem bg-img属性(WP中的特色img)

时间:2017-01-21 21:23:39

标签: javascript jquery wordpress

我有外部RSS源填充下面重复出现的类elements

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

我想简单地从Feed中获取最新的:first实例;获取img src内容并使用img src填充我的第二个元素,即:.post-thumbnail'css background-image:属性。

所以,基本上我希望我的元素.post-thumbnail的{​​{1}}属性从background-image:.featimg内容的第一个实例填充。

注意:我的<img src="">是我的'Wordpress精选图片'附加到背景图片的元素。

到目前为止,我有以下脚本 - 但由于某种原因,这不起作用,并且它不会将该图像作为特色图像 { {1}}

.post-thumbail

1 个答案:

答案 0 :(得分:1)

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

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

这应该可以为您提供所需的结果。