更改元素內部類的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>