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 图像，但只是在单击的对象上？一点也不？我有问题，因为这是 css 中的类而不是 ID，这可能吗，也许像 onClick This？

已编辑。这很好用：

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

但是第二次点击时如何在第一张图片上恢复它？

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 回答