html5 audioElement的多个实例，能用$(this)完成吗？

Question

如何在一个页面上使用多个实例，例如mysql循环。如果您想象下面代码的多个实例，当您单击“play”时，它将播放第一个实例。但我需要一个类似于这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

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

<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();
});