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