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

-2

我是新的网站开发，并试图找出如何动态设置图像在ul/lidiv元素。下面是我在HTML文件中的代码：动态设置背景图像ul/li div元素

<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文件我试图访问“形象”的div作为

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

我想设置里面css()图片的网址，但不知道我该怎么做，甚至有可能？

来源

2015-07-03 Muhammad Razib

提供实际的代码。请。谢谢。 – Chrillewoodz

[使用jQuery CSS属性设置背景图片]可能的重复（http://stackoverflow.com/questions/512054/setting-background-image-using-jquery-css-property） –

首先你的jQuery语法不正确。 li应该是引号，因为它是一个字符串，并且image选择器需要前面的.，因为它是一个类。最后，您可以设置在CSS的background-image，就像这样：

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

来源

2015-07-03 21:30:10

1）如果要插入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/">')

来源

2015-07-03 21:32:15 Ifgen09

回答

相关问题