内联onclick函数(this)不调用jQuery方法

Question

我在处理onclick事件时遇到了麻烦。我的HTML:

<div>
  <button onclick="sound(this)">Listen</button> 
  <audio class="audio" src="example.mp3"></audio>
</div>

我的JS（jQuery）:

function sound(element){
  $audio = element.siblings('.audio').first();
  $audio.trigger('play');
}

问题是音频文件没有播放。我还做了一些测试。

function sound(element){
   alert(element.tagName); -> it worked
   alert(element.parent().tagName); -> not worked and so on with siblings() or next()

一定出了什么问题。请帮帮我。非常感谢。

Answer 1

而不是

function sound(element){
  $audio = element.siblings('.audio').first();
  $audio.trigger('play');
}

试试这个

function sound(element){
  $audio = $(element).siblings('.audio').first(); //here 'element' is just a DOM element you have to wrap 'element' in jquery wrapper.
  $audio.trigger('play');
}