removing last child of parent using jquery

Question

I have a parent div called examples. I want to remove the last div in that parent div. How can I do so using jquery?

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

I want to remove the last child of examples, which in this case is test2 div

Answer 1

try this one:

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

Answer 2

You can use find to traverse the child elements. Use div:last to select the last one, and .remove to remove it.

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

Answer 3

Try this

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

Answer 4

Just use :last filter.

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

http://jsfiddle.net/2a94hc90/

Answer 5

If you want the last child of parent div is removed on clicking inner divs, try this one

$(this).parent().children().last().remove();

Answer 6

Try using :nth-last-of-type() selector with parameter 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>