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

我知道通过使用

jQuery

可以很容易地使用

：last

选择器来获取最后一个元素

$(".some-element:last")

尽管如此，这并不适用于javascript

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

---

在

javascript

中执行相同操作的最佳和最短方法是什么？

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

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

看一看

E：最后一个孩子

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

console.log（document.querySelectorAll（“.some元素：最后一个子元素”）

1
2
3

遵循以下步骤

查找所有元素：

var elems=document.queryselectoral（“.some元素”）

查找长度：

var len=elems.Length

获取最后一个元素：

var lastelement=len<1？“”：elems[len-1]

---

希望有帮助。

querySelectorAll

返回可转换为

数组的
NodeList
对象。然后
pop
返回最后一个元素

$(".some-element:last")

ES2015/ES6：
Array.from（document.querySelectorAll（'.some元素'））.pop（）；

演示：

函数附加项（withClass）{
document.body.insertAdjacentHTML（'beforeend'，with class
“带班级”
：“无课”
)
findLastOfClass（'.some元素'）
}
函数findLastOfClass（选择器）{
var lastOfClass=[…document.querySelectorAll（选择器）].pop（）
//暂时突出显示最后一节课
if（最后一级）{
lastOfClass.classList.add（'highlight'）
setTimeout（（）=>lastOfClass.classList.remove（'highlight'），1000）
}
}
。突出显示{背景：淡黄色}
使用类添加项
添加不带类别的项目
尝试
：最后一个子项
长度！=lastIndex
谢谢，但是如果在末尾放置一个没有该类名的元素，它就不起作用了。例如-
3
4
。在本例中，值是
未定义的
。除此之外，还有一个很好的示例。超级英雄。谢谢你的疯狂回答，伙计：）