獲取父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'))