如何選擇只有第一級子的最後一個子節點

Question

<div class="chatbox"> 
    <div style="margin-left: 400px"> 
     <div></div> 
    </div> 
    <div style="margin-left: 800px"> 
     <div></div> 
    </div> 
</div> 

var size = $(".chatbox").last().css("margin-left"); 

我想選擇的風格=股利「保證金左：800像素」

Answer 1

您還可以使用直接後代選擇器>，這將限制收集到第一級兒童：

$(".chatbox").find('> div').last().css("margin-left"); 

Answer 2

未經測試

$(".chatbox").children().last() 

Answer 3

您可以也使用帶有直接後代選擇器「>」的最後一個子元素。它已經過全面測試。這裏是代碼：

$（「.chatbox」）.find（'> div：last-child'）。css（「margin-left」）;