Question

这里我有代码：

<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图像，但只是点击了对象？不是全部？我有issuse因为这是css中的类而不是ID，这是不是可能，也许就像onClick这个？

编辑。这非常有效：

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

但第二次点击时如何在第一张图片上还原它？

Answer 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);
   }
});

你想要的是什么？

Answer 2

是。你可以这样做：

使用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>

在课堂上更改元素内部html？

2 个答案: