單擊後暫時更改div的背景顏色，然後設置爲不同的顏色

Question

另一個noobie問題。嘗試使用html，css，js和phonegap構建智能手機應用程序。當用戶點擊一個按鈕或圖像時，我想將div背景顏色從白色更改爲黃色，然後播放一個短的聲音片段，然後將背景顏色設置爲淡黃色。

我會有幾十個這樣的Divs，並且都有一個班級分配。有些人會有一個班級.formal，其他人.informal和其他人.spanish。到目前爲止，我只能讓它播放聲音。我嘗試過調整我見過的其他解決方案，但背景顏色不會改變。我想我需要確定點擊了哪個類的實例，然後只更改bg顏色然後播放聲音，最後將bg顏色更改爲淡黃色。爲了清楚起見，我已經刪除了一些代碼。

感謝您爲我提供的任何幫助。

下面是一個樣本DIV

<div class="formal"> 
    <a href="#" onclick="playAudio('/android_asset/www/test.mp3');">Play ay caramba</a> 
</div> 

HTML和這裏的 「playAudio」 JS

function playAudio(src) { 
    // Change bg color for the div to yellow here 
    if (my_media == null) { 
    // Create Media object from src 
    my_media = new Media(src, onSuccess, onError); 
    } // else play current audio 
    // Play audio 
    my_media.play(); 
    // change background color to light yellow here 
} 

Answer 1

如果可以使用jQuery做

你將有類似的東西

 function playAudio(src) { 
// Change bg color for the div to yellow here 
$("formal").css('background-color','yellow'); 
if (my_media == null) { 
     // Create Media object from src 
     my_media = new Media(src, onSuccess, onError); 
    } // else play current audio 
    // Play audio 
    my_media.play(); 
    // change background color to light yellow here 
    $("formal").css('background-color','blue'); 
    } 

你可以把十六進制顏色，以獲得你想要的顏色