html5 audioElement的多个实例,可以用$(this)来完成吗?

时间:2014-03-23 14:16:08

标签: javascript jquery html5

我如何在一个页面上使用这个的多个实例,例如mysql while循环。如果你想象下面代码的多个实例,当你点击“播放”时它会播放第一个实例。但我需要一个类似于这三行的代码:

$('.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>

1 个答案:

答案 0 :(得分:1)

当然是的,但是您需要获取本机DOM元素来调用该函数,因为jQuery对本地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();
});