使用jQuery去除div中的第二個跨度

Question

我需要使用div去除span標記。以下是我有：

<div id="row-title-7"> 
    <span class="ui-icon ui-icon-triangle-1-e"></span> 
    <span class="ui-icon ui-icon-triangle-1-s"></span> 
</div> 

我需要刪除這一項：

<span class="ui-icon ui-icon-triangle-1-s"></span> 

我已經試過幾件事情並沒有什麼似乎工作。

Answer 1

你會隨時刪除跨度有不同的類比你想保留的人？如果是這樣只是做：

$('#row-title-7').children('.ui-icon-triangle-1-s').remove(); 

如果該類會有所不同，但它永遠是第二個跨度，你承擔責任：水災使用：

$('#row-title-7:nth-child(2)').remove(); 

Answer 2

$('#row-title-7').children().last().remove(); 

或

$('#row-title-7').children('.ui-icon-triangle-1-s').remove(); 

或

$('#row-title-7').children('span .ui-icon-triangle-1-s').remove(); 

如果u有跨度最後issuitable

Answer 3

多個元素組合嘗試以下，不知道你想要什麼樣的行動或事件有這種'刪除'發生，

<script> 
$("ui-icon ui-icon-triangle-1-s").click(function() { 
$("ui-icon ui-icon-triangle-1-s").toggle(); 
}); 
</script> 

您將需要安裝最新的jQuery。

Answer 4

你應該這樣做：

$("#row-title-7").find("span.ui-icon-triangle-1s").remove(); 

Answer 5

$('#row-title-7 span').eq(1).remove(); 

playground

http://api.jquery.com/eq/