Question

我在html中注册了声音片段：

<audio class="aaa" id="sss"><source src="url/sound.wav"/></audio>
<script type="text/javascript">var sss = document.getElementById("sss"); sss.volume='0.1';</script>

此声音可以通过某个div上的mouseenter事件播放：

$('#divid').mouseenter(function () {
    $(sss.play());
});

如何通过音频类而不是id来实现这一目标？

编辑：已解决

Answer 1

.play()是HTMLAudioElement对象的一个方法而不是jQuery对象，jQuery包装器在这里没有做任何事情，因为你将.play()方法的重新调整的值传递给它，你可以选择使用jQuery的元素，从集合中获取DOM元素对象并在其上调用.play()方法：

$('audio.aaa').get(0).play(); // works for the first matched element in the collection

如果有多个元素，您可以使用.each()方法遍历集合：

$('audio.aaa').each(function() {
   // `this` keyword here refers the HTMLAudioElements
   this.foo();
});

使用类选择音频元素并播放它们

1 个答案: