如何使用div id by jquery删除div中的特定html标记及其内容？

Question

我有以下div标签，它将由jquery创建onload。我想只删除在div中创建的span标记及其内容。我怎么能用jquery做到这一点？我已经尝试了innerHTML，但它删除了具有id uniform-qualification的div的所有内容，因为我只想删除下面的span标记。

<div id="uniform-qualification" class="">
<span>BCh</span>
 </div>

注意：span标记不能带有id，因为它是从UI插件动态创建的

Answer 1

$("#uniform-qualification > span").remove();

但如果您想要更明智的答案，则需要提供更多信息。例如，如果您有多个范围，但只想删除第一个范围，则需要以下内容：

$("#uniform-qualification > span:eq(0)").remove();

Answer 2

要删除div中的所有span元素，请尝试以下操作：

$('#uniform-qualification span').remove();

仅删除子跨度元素：

$('#uniform-qualification > span').remove();

仅删除第一个子span元素：

$('#uniform-qualification > span').first().remove();

Answer 3

$('#uniform-qualification').html('');

那就行了。