Javascript 动态设置背景图像ul/li div元素

我是一名网站开发新手，正在尝试了解如何在

ul

/

li

div

元素中动态设置图像。下面是我在html文件中的代码：

<div class="results">
    <ul class="row">
        <li class="template hidden col-md-3">
            <div class="image">
                <!--img src='broken_file.png'-->
                <data>
                    <span class="name"></span>
                    <span data-before='faces' class="faces"></span>
                    <span data-before='genus' class="genus"></span>
                    <span data-before='vertices' class="vertices"></span>
                </data>
            </div>
        </li>
    </ul>
</div>

---

我试图在

css（）

中设置一个图像url，但不确定如何设置，甚至不确定是否可行？

首先，您的jQuery语法不正确

li

应该用引号括起来，因为它是一个字符串，

image

选择器需要前面的

作为一个类。最后，您可以在CSS中设置

背景图像

，如下所示：

$('li').find('.image').css('background-image', 'url("my-image.png")');

1） 如果要将img标记插入到具有“image”类的div中-

$('li').find('.image').append($('<img src="http://fakeimg.pl/250x100/000/">'))

---

提供实际代码。请谢谢你。可能是你的副本

$('li').find('.image').append($('<img src="http://fakeimg.pl/250x100/000/">'))

    $('li').find('.image img').attr('src','http://fakeimg.pl/250x100/000/">')