Question

我有一个普通班级的多个svg。

<div id="holder">
   <svg width="100" height="100" class="circle">
     <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
   </svg>
</div>

如何完全删除它？我试过了.empty();和remove();但是没有用？

$('#removeBtn').click(function(){
    $('.circle').remove();
});

Answer 1

我猜你错过了一个DOM就绪处理程序：）

e.g。

$(function(){
    $('#removeBtn').click(function(){
        $('.circle').remove();
    });
});

$(function(){})只是$(document).ready(function(){})

的便捷快捷方式

Answer 2

你的HTML

   <div id="holder">
       <svg width="100" height="100" class="circle">
         <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
       </svg>
    </div>

<button id="removeBtn" >remove</button>

和js

$('#removeBtn').click(function(){

    $('.circle').remove()
});

这里是小提琴

https://jsfiddle.net/ptosn8w6/1/

从div中完全删除元素

2 个答案: