last element with a class name in a div

Question

how can i get the last div with class a in a div the id = test ? in this case i have to get the div with content = 1000

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

Answer 1

using the proposed at

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

at the current writing it's not supported by safari

Answer 2

You can use the :last pseudo-selector:

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

Answer 3

Without jQuery:

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

Answer 4

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