使用jQuery删除div中的第二个span

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().last().remove();

或

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

或

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

如果你有更多元素组合，跨度最后可发行

Answer 2

您删除的范围是否总是与您要保留的范围不同？如果是这样的话：

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

如果班级不同但总是第二段，你可以使用：

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

Answer 3

你应该这样做：

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

Answer 4

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

playground 的

<强> http://api.jquery.com/eq/

Answer 5

尝试以下操作，不确定您要执行此“删除”的操作或事件，

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

您需要安装最新的jQuery。