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