在javascript中按类名获取最后一个元素的最短方法

我知道通过使用jQuery你可以轻松使用:last selector来获取最后一个元素。

 $(".some-element:last") 

虽然，这不适用于javascript。

 document.querySelectorAll(".some-element:last") 

在javascript做同样事情的最佳和最短的方法是什么？

编辑：

我没有带id属性的包装元素，这是我不能使用lastChild的方式。

Answer 1

看看选择器概述

E：最后一个孩子

E元素，其父元素的最后一个子元素

 console.log(document.querySelectorAll(".some-element:last-child")) 

 
 
1
 
2
 
3
  

Answer 2

要查找元素的最后一个子元素，可以使用：

 var childrenCount = document.getElementById("myDIV").childNodes.length; document.getElementById("myDIV").childNodes[childrenCount-1]; 

Answer 3

请遵循此步骤

1. 查找所有元素： var elems = document.querySelectorAll(".some-element");
2. 查找长度： var len = elems.length;
3. 获取最后一个元素： var lastelement = len < 1 ? "" : elems[len-1]; var lastelement = len < 1 ? "" : elems[len-1];

希望能帮助到你。