无论元素类型如何，查找每个循环中的最后一个元素[关闭]

Question

我有一系列部分，包含不同类型的元素，如下所示：

<section>
    <div>Something</div>
    <a href="#">Some Copy</a>
    <div>Something</div>
    <a href="#">Some Copy</a>
</section>

<section>
    <a href="#">Some Copy</a>
    <div>Something</div>
    <a href="#">Some Copy</a> <a href="#">Some Copy</a>
    <div>Something</div>
</section>

我需要遍历每个部分并找到最后一个元素，无论它是 div 还是锚点。

$("section").each(function(){
      var last = //find the last element
      last.addClass('last');
}); 

我需要帮助定义变量last。通常我只会使用 css 的 last-child 或 last-of-type 来标识每个部分中的最后一个元素，但是因为有不同类型的元素（锚点和 div）我相信我需要使用 javascript。 知道如何找到最后一个元素吗？

Answer 1

编辑：呃，嗯，jQuery 有一个选择器，如Musa's answer 所示。把这个留在这里，以防不使用 jQuery 的人（或者喜欢“去突击队”的人）可能需要它。

---

在现代浏览器上，您可以使用lastElementChild：

$("section").each(function(){
    var last = this.lastElementChild
    // Use `last` (possibly wrapped in a jQuery instance)
});

（您可能希望将其包装在 jQuery 实例中。）

在旧版浏览器上，您可以使用lastChild，然后通过previousSibling 回到最后一个元素（而不是文本节点、评论节点等）：

$("section").each(function(){
      var last = this.lastChild;
      while (last && last.nodeType !== 1) {
          last = last.previousSibling;
      }
      // Use `last` (possibly wrapped in a jQuery instance)
});

Answer 2

使用:last jQuery 选择器。

$('section').find(':last').each(function() {
    // Code here
});

Answer 3

我采取了与@Musa 几乎相同的方法。你可以在这里看到它：

http://jsfiddle.net/nRtsF/

$("section").each(function(){ 
      $(this).children(':last').addClass('last');
}); 

Answer 4

试试

$("section").each(function(){
      var last = $(this).children(':last');
      last.addClass('last');
}); 

http://jsfiddle.net/mowglisanu/23EcJ/