javascript - CSS プロパティの変更

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>

これを解決できると思う方法は2つありますが、残念ながらどれもうまくいきません

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