Question

我有这样的css：

.cls .imageX
{
  float:left;
}

.cls .imageY
{
  float:right;
}

它正在这样的页面中使用：

<div class="cls">
<a href="" class="imageX"><img src="left.png"/></a>
<a href="" class="imageY"><img src="right.png"/></a>
</div>

我没有网站的源代码。我通过firebug看到这个源代码，我必须编写JS代码来通过onload事件来改变它。那是我的工作。现在我想成为：

<div class="cls">
<a href="" class="imageX"><img src="right.png"/></a>
<a href="" class="imageY"><img src="left.png"/></a>
</div>

我认为有两种方法可以解决这个问题，但遗憾的是根本没有任何方法可以解决这个问题

1>  $('.cls .imageX img').attr('src','right.png');
    $('.cls .imageY img').attr('src','left.png');

2>  $('.cls .imageX').css('float','right'); 
    $('.cls .imageY').css('float','left');

Answer 1

您提供的选项1似乎有效。 alert($('.cls .imageX img').attr('src', 'right.png').attr('src'));查看我的jsfiddle：http://jsfiddle.net/MYDNv/

CSS属性更改

1 个答案: