div 中具有类名的最后一个元素

【问题标题】：last element with a class name in a divdiv 中具有类名的最后一个元素
【发布时间】：2021-10-08 17:08:42
【问题描述】：

如何在 id = test 的 div 中获得最后一个具有类 a 的 div？在这种情况下，我必须获得内容 = 1000 的 div

<div id="test">
<div class="a">1</div>
..
..
<div class="a>1000</div>
</div>

【问题讨论】：

标签： jquery

【解决方案1】：

您可以使用:last pseudo-selector:

$('#test div.a:last')

【讨论】：

【解决方案2】：

没有 jQuery：

var divs = document.getElementById("test").getElementsByTagName("div");
var lastChild = divs[divs.length - 1];

【讨论】：

【解决方案3】：

使用建议的at

const nodesHighlighted = document.querySelectorAll('.day--highlight');
const lastNodeHighlighted = [...nodesHighlighted].at(-1);

目前 safari 不支持它

【讨论】：

【解决方案4】：

$('div#test div:last-child');

【讨论】：