2

ここにコードがあります：

<div class="starright"><img src="images/stars1.png" width="30" height="30" /></div>
<div class="starright"><img src="images/stars1.png" width="30" height="30" /></div>
<div class="starright"><img src="images/stars1.png" width="30" height="30" /></div>
<div class="starright"><img src="images/stars1.png" width="30" height="30" /></div>

内部の onClick 画像を変更したいのですが、クリックされたオブジェクトだけですか? すべてではありませんか？これはIDではなくcssのクラスであるため、私は問題を抱えています。これは可能ですか、おそらくonClick Thisのようですか?

編集しました。これはうまくいきます：

function change(element){
element.innerHTML = "[new inner HMTL]";
}

しかし、2回目のクリックで最初の画像に戻す方法は?

4

2 に答える 2

1

jquery で次のコードを試してください。

$('.starright').click(function(){
   var path1 = "insert a path";
   var path2 = "insert another path";
   var src =   $(this).find ('img').attr('src');
   if (src==path1){
      $(this).find ('img').attr('src',path2);
   }
   else{
      $(this).find ('img').attr('src',path1);
   }
});

あなたが欲しいものですか？

于 2012-10-22T06:54:43.230 に答える
1

はい。出来るよ：

Javascript:

function change(element){
 element.innerHTML = "[new inner HMTL]";
}

HTML:

<div class="starright" onclick="change(this);"><img src="images/stars1.png" width="30" height="30" /></div>
于 2012-10-22T06:54:49.487 に答える