Question

我是网站开发的新手，并试图弄清楚如何在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>

从另一个js文件我试图访问'image'div为

$(li).find('image').css()

我正在尝试在css()内设置一个图片网址，但不知道我该怎么办，甚至可能会这样做？

Answer 1

首先，您的jQuery语法不正确。 li应该是引号，因为它是一个字符串，image选择器需要前面的.作为一个类。最后，您可以在CSS中设置background-image，如下所示：

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

Answer 2

1）如果你想用“image”类 -

将img标签插入div中

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

2）如果你想改变src attr -

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

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

2 个答案: