Question

这是html部分

<!-- html part -->
<ul id="accordion">
  <li>
     <a href="#" class="item popular" rel="popular"></a>
      <ul id="online" class="list_friends">
        <li class="ch0"><img src="img/49992_720384020_1896998575_q.jpg" />a</li>
        <li class="ch1"><img src="img/48983_615523712_8495_q.jpg" />b</li>
        <li class="ch2"><img src="img/41621_717814907_4472_q.jpg" />c</li>
      </ul>
  </li>
</ul>

这是css部分

#online li{
    width:179px;
    height:40px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:17px;
    color:#999999;
    background:url(../img/green.png) no-repeat 8% 50%,url(../img/back_line.png);
}

我想对ch0班级进行更改我想保留url（../ img / green.png），将url（../ img / back_line.png）替换为url（../ img / login_line.png）并添加url（../ img / invite .PNG）;

如何实现Jquery？

任何想法

提前谢谢。

Answer 1

您可以使用.css('background', 'newValue');。

像这样的东西

$(".ch0").css('background', 
   'url(../img/green.png) no-repeat 8% 50%,url(../img/login_line.png)';

这将更改ch0作为班级的所有项目的背景图片。

Demo on jsFiddle.net

希望这会对你有所帮助。

Answer 2

$('#online li').css('background','url(../img/green.png) no-repeat 8% 50%,url(../img/login_line.png)');

如何使用Jquery修改CSS属性

2 个答案: