Javascript 如何选择仅第一级子节点的最后一个子节点 var size=$（“.chatbox”）.last（）.css（“左边距”）；

我想用style=“margin left:800px”选择未测试的div

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

未经测试

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

---

您还可以使用直接后代选择器

>

，该选择器将集合限制为第一级子级：

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

---

您还可以使用直接后代选择器

>

，该选择器将集合限制为第一级子级：

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

---

您还可以将最后一个子元素与直接后代选择器“>”一起使用。它经过了充分的测试。代码如下：

$（“.chatbox”）.find（'>div:last child'）.css（“左边距”）

---

您还可以将最后一个子元素与直接后代选择器“>”一起使用。它经过了充分的测试。代码如下：

$（“.chatbox”）.find（'>div:last child'）.css（“左边距”）

---

我认为这不是一个很好的实践，因为jQuery首先查找右侧选择器，然后查找左侧选择器。使用

find

、

children

和其他类似的方法来代替多个选择器几乎总是更好的，-我认为这不是一个很好的实践，因为jQuery首先查找右侧选择器，然后查找左侧选择器。使用

find

、

children

和其他类似方法，而不是使用多个选择器，几乎总是会更好-