如何刪除特定的html標記及其div內的內容，使用div id由jquery？

Question

我有以下div標籤，它將由jquery創建onload。我只想刪除正在div內創建的span標籤及其內容。我如何使用jQuery來做到這一點？我試過了innerHTML，但是它刪除了所有id爲uniform-qualification的div的內容，因爲我只想刪除下面的span標籤。

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

注：跨度標籤不能用一個id爲正在從UI插件

Answer 1

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

動態創建的，但你需要提供更多的信息，如果你想有一個更明智的答案給出。舉例來說，如果你有一個以上的跨度，但只是想去掉你需要像第一種：

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

Answer 2

要刪除所有span元素內DIV嘗試以下操作：

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

要刪除獨生子女span元素：

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

只刪除第一個孩子span元素：

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

Answer 3

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

這會成功。