将内容追加并替换为不同的元素background-img property

Question

我想获得特定div内容的第一个实例，即图像。然后我想将这个图像内容附加到第二个元素的background property（作为背景图像内容出现），这可以用jQuery吗？

我优选地也喜欢用第二div元素替换现有的背景图像内容（如果存在的话）。然后，当然如果它不存在，它将创建它并用div元素1的图像内容填充它。

$('.element1').find('img:first').appendTo('.element2');

Answer 1

假设您的HTML结构如下：

<div class="element1">
  <img />
</div>
<div class="element2">
</div>

您正在寻找的是：

var getImageSrc = $('.element1 img').attr('src');
$('.element2').css('background-image', 'url(' + getImageSrc + ')');

我创建了一个显示此here的小提琴。

希望这有帮助！ ：）