JQuery 将图像 SRC 设置为正文背景图像

Question

我在 UL 中有一组图像，如下所示：

<ul>
    <li>
        <a href="#">
            <img scr="image1.png">
        </a>
    </li>
    <li>
        <a href="#">
            <img scr="image2.png">
        </a>
    </li>
    <li>
        <a href="#">
            <img scr="image3.png">
        </a>
    </li>
</ul>

单击每个图像后，我希望将该图像的 src 作为“背景图像”应用​​于正文。

我不是 JQuery 专家，所以任何帮助将不胜感激。

Answer 1

$('#id-of-ul a').click(function(){
var src = $(this).find('img').attr('src');
$('body').css('backgroundImage','url('+src+')');

})

Answer 2

$document.ready(function () {
    $("img").click(function () {
        $(body).css("background-image", $(this).attr("src"));
    });
});

Answer 3

试试这个：

<script type="text/javascript">
jQuery(function() {
  $(a).click(function() {
    $(body).css('background-image',this.find(img).attr('src'))
  });
});
</script>