JavaScript/jQuery 如何选择动态创建的所有音频元素？

Question

我通过 javascript 在 document.ready 中创建了元素。

如何选择我创建的所有元素？我在任何地方都找不到简单/有效的答案!

这是我尝试过的，但它不起作用!

$(document).ready(function () {

$.audioElement1 = document.createElement('audio');
$.audioElement1.setAttribute('src', '/Content/mfile1.mp3');

$.audioElement2 = document.createElement('audio');
$.audioElement2.setAttribute('src', '/Content/mfile2.mp3');

});



function stopAll()
        {
            var cnt = 0;
            $("audio").each(function () {
                cnt += 1;
                this.pause(); // Stop playing
                this.currentTime = 0; // Reset time
            });

            alert("total: " + cnt);
        }

我的“警报”每次都返回 0/不执行任何操作!

Answer 1

您可以使用 document.getElementsByTagName('audio') 代替 $("audio")。

它返回所有音频元素的数组。

HTML DOM getElementsbyTagName() method