內聯onclick函數（這個）不調用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'); 
}