如何选择仅第一级子节点的最后一个子节点

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");

我想选择style =“margin-left：800px”

的div

Answer 1

你也可以使用直接后代选择器>，它将收集限制在第一级孩子：

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

Answer 2

未测试

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

Answer 3

您还可以将最后一个子元素与直接后代选择器＆＃34;＆gt;＆＃34;一起使用。这个。它经过全面测试。这是代码：

  

$（＆＃34; .chatbox＆＃34;）。find（＆＃39;＆gt; div：last-child＆＃39;）。css（＆＃34; margin-left＆＃34;）;