更改元素内部类的HTML？

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>