如何使用jquery删除元素

Question

我的div包含：

Assert.TrueForAll(myList,x => x.Prop == 123)

我尝试使用：<div id="div1"> <span class="input-group-addon">Span1</span> <span class="input-group-addon">Span2</span> <span class="input-group-addon">Span3</span> <span class="input-group-addon npsButton"><a target='_blank' href='nps.html'>Link</a></span> </div> 删除最后一个范围.npsButton，但它无效。当我通过控制台$("#div1").remove("span.npsButton");检查时，它返回[]。任何人都可以告诉我如何删除此范围

Answer 1

使用后代选择器

$('#div1 .npsButton').remove()
//      ^           Note the space here

$("#div1span.npsButton")将选择ID为div1span和类npsButton的元素。由于没有满足此选择器的元素，它将返回空数组。

要删除具有该类的DOM中的所有元素，

$('.npsButton').remove();

Answer 2

使用

$("span.npsButton").remove();

Answer 3

除了使用class或id选择之外，您可以选择最后一个孩子的其他方法

1. :last-child Selector
2. .last()
3. :nth-last-child()

在下面的代码片段中，我使用的是:last-child，它将选择所有父元素的最后一个子元素

$( "div#div1 span:last-child" ).remove()

Working example

Answer 4

试试这样

$( "#div1 span" ).last().hide();