删除所有子元素除了<a>标签

Question

我想删除一个元素的所有子除了<a>标签，我使用

$("#tagId").children().remove(); 

但它移除所有的孩子，我该怎么办呢？

Answer 1

使用not排除锚标记

$("#tagId").children().not('a').remove();

Answer 2

使用选择排除a：

$("#b").click(function() { 
 
    $("#tagID").children(":not(a)").remove(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="tagID"> 
 
    <span>This SPAN should be removed</span><br> 
 
    <a href="#">This A should be kept</a><br> 
 
    <div>This DIV should be removed</div> 
 
</div> 
 
<button id="b">Click me</button>

Answer 3

有不需要的jQuery的解决方案：

var container = document.getElementById('container') 

Array.from(container.children).filter(function(child) { 
    return !(child instanceof HTMLAnchorElement) 
}).forEach(function(child) { 
    container.removeChild(child) 
})