javascript - html5 audioElement 的多个实例，可以用 $(this) 完成吗？

Question

我如何在一页上使用它的多个实例，例如 mysql while 循环。如果您想象以下代码的多个实例，当您单击“播放”时，它将播放第一个实例。但我需要类似于这 3 行的代码:

$('.play').click(function () {
    $(this).audioElement.play();
});

但这是工作代码。 (JavaScript)

$(document).ready(function () {
    var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', '<?php echo "http://www.2click4.com/mods/wall/uploads/".$rowsound['
    file '].""; ?>');

    $('.play').click(function () {
        audioElement.play();
    });

    $('.pause').click(function () {
        audioElement.pause();
    });
});

(html)

<div class="play">Play</div>
<div class="pause">Stop</div>

Answer 1

当然可以，但是您需要获取 native DOM 元素才能调用该函数，因为 jQuery 对 native play 方法一无所知。这应该对你有用

HTML

<div class="play">
    <audio src="http://www.2click4.com/mods/wall/uploads/1709824424.wav"></audio>
    Play
</div>
<div class="pause">Stop</div>

JS

$('.play').click(function () {
    $('audio', this).get(0).play();
});