获取父div的最后一个孩子

Question

如何获取父div的最后一个孩子，每当我按下输入一个新创建的div时，我想获取特定父div的最后一个div。

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

Answer 1

您可以使用jQuery last()方法像以下。

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

UPDATE：父div的最后div有一类myclass。

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

Answer 2

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

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

Answer 3

我的建议是不要在这里使用jQuery，因为javascript中的querySelector足以完成您的工作。

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

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