javascript - 如何用Jquery/JavaScript彻底删除canvas元素？

Question

我有一个 Canvas 对象，它从 jQuery 插件动态加载到我的页面上。它没有包装器，没有与其关联的 id 或类。但我需要在

之后删除它

$(window).resize(function)() {...} 

发生。我尝试过使用 jQuery 的

...next().remove(); 

技术，以便相邻的 div 元素可以将其从 DOM 中删除，但我遇到了问题。具体来说，我页面上的其他元素也被删除。有没有健康的方法来解决这个问题？

谢谢!

Answer 1

如果您不使用多个 Canvas 元素，只需

$('canvas').remove();

将删除页面上所有匹配的元素。 http://jsfiddle.net/vj6NP/

如果页面上确实有多个 Canvas 并且只想删除一个，则可以使用 nth-of-type 选择要删除的 Canvas 。 .

例如删除第一个实例 http://jsfiddle.net/vj6NP/3/ :-

$('canvas:nth-of-type(1)').remove();