我有外部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
答案 0 :(得分:1)
您需要将图像选择器限制为数组中的第一个元素,并在代码的第二行使用.post-thumbnail选择器:
var getImageSrc = $('.featimg img').first().attr('src');
$('.post-thumbnail').css('background-image', 'url(' + getImageSrc + ')');
这应该可以为您提供所需的结果。