jquery - jQuery remove() html 5 音频 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

我在src从 DOM 中删除元素之前删除属性时遇到了这个问题。

删除srcautoloaded <audio> 元素 ( <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();