使用jQuery mouseenter

Question

我在对象中存储了一些jQuery代码，需要使用.mouseenter播放特定的本地音频文件。我在本地存储了16个不同的文件，每个文件的名称与按钮ID相同。例如声音文件＆＃34; work_it.wav＆＃34;会参加<button id="work_it" class="buttons" type="button" name="button">Work It</button>。因为每个文件只有2-3个长，所以不需要停止音频。

我想以某种方式在我的＆＃34; playSound＆＃34;功能。我的代码低于任何帮助表示赞赏。

var daftP = daftP || {};

daftP.setup = function() {
  this.$audio = $('#sounds');
  this.$audio = $('audio');
  this.$heads = $('.buttons');
  this.colorChange();
};

daftP.colorChange = function() {
  this.$heads.each(function() {
    $(this).on('mouseenter', function() {
      $(this).css('background-image', 'url(images/helmet2.png)');
      this.playSound();
    });
    $(this).on('mouseout', function() {
      $(this).css('background-image', 'url(images/helmet1.png)');
    });
  });
};

daftP.playSound = function() {

};

$(daftP.setup.bind(daftP));