获取父div的最后一个孩子

Question

How can I get the last child of parent div, every time I press enter a new div created, I want to get the last div of specific parent div.

<div id="parentdiv">
    <div id="child1"></div>
    <div id="child2"></div>
    <div id="child3"></div>
</div>

Answer 1

$("#parentdiv :last-child");

您应该使用最后一个子选择器https://api.jquery.com/last-child-selector/

Answer 2

You can use jQuery last() method like following.

$('#parentdiv > div').last()

UPDATE: last div of parent div having a class myclass .

$('#parentdiv > div.myclass').last()

Answer 3

My suggestion is not to use jQuery here, as querySelector in javascript is sufficient to do your job.

var parentDiv = document.getElementById('parentdiv');

console.log(parentDiv.querySelector(':last-child'))