单击时临时更改div的背景颜色，然后设置为其他颜色

Question

Another noobie question. Trying to create a smartphone app using html, css, js and phonegap build. When the user taps a button or image I'd like to change the div background color from white to yellow, then play a short sound clip and then set the background color to say a pale yellow.

I will have dozens of these Divs and all have a class assigned. Some will have a class .formal, others .informal and others .spanish. So far I can get it to play the sound only. I've tried adapting other solutions I've seen but the background color won't change. I think I need to identify which instance of the class was clicked, then change only that bg color then play the sound and finally change the bg color to light yellow. I have removed some code for clarity below.

Thanks for any assistance you can provide me.

Here's the html for a sample div

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

And here's the "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

If can use jquery to do that

you will have something like that

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

you can put a hex color to get the color that you want