Question

我有一个名为examples的父div。我想删除该父div中的最后一个div。我怎么能用jquery呢？

<div class="examples">
  <div class="test1"></div>
  <div class="test2"></div>
</div>

我想删除示例的最后一个子节点，在本例中为test2 div

Answer 1

试试这个：

$('div.examples').children().last().remove();

Answer 2

试试这个

$('.examples').children().last().remove()

Answer 3

您可以使用find遍历子元素。使用div:last选择最后一个，.remove删除它。

$(".examples").find("div:last").remove();

Answer 4

尝试将:nth-last-of-type()选择器与参数1

一起使用

$(".examples div:nth-last-of-type(1)").remove()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div class="examples">
  <div class="test1">test1</div>
  <div class="test2">test2</div>
</div>

Answer 5

尝试将:nth-last-of-type()选择器与参数1

一起使用

$(".examples div:nth-last-of-type(1)").remove()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div class="examples">
  <div class="test1">test1</div>
  <div class="test2">test2</div>
</div>

Answer 6

只需使用:last过滤器。

$('.examples div:last').remove();

http://jsfiddle.net/2a94hc90/

使用jquery删除父项的最后一个子项

6 个答案: