jQuery remove（）html 5 audio mediaelementjs

Question

您好我有一个简单的问题，我希望有一个简单的解决方案。

我的页面上有一个HTML音频元素

<audio id='foo' control="control">
    <source id='mp3' src='somefile.mp3' type='audio/mp3'>
</audio>

在jQuery中我有$('audio').remove();但是音频播放器停留在页面上。我也试过$('#foo').remove();。

我正在使用mediaelementjs播放器，我不知道是否是造成问题的原因。

任何人都知道我如何删除音频元素？

由于

Answer 1

您可以将其包装在占位符div中，然后执行$("#wrapper").html("");

Answer 2

在从DOM中删除元素之前删除src属性时出现此问题。

删除自动加载src＆gt;的<audio属性elements（<audio "preload"="auto" ...）中止某些设备上的连接（如firefox-os）。不要删除src属性，只需清除它：

    try {
      $el.attr("src", "");
    } catch(error) {}

    $el.remove();

Answer 3

这是一个解决方案（不是解决方法） 包装成一个元素，然后这样做：

HTML

<div id="element">
    <audio id='foo' control="control">
        <source id='mp3' src='somefile.mp3' type='audio/mp3'>
    </audio>
</div>

jQuery

$('#element').empty();