如何检查元素是否是此类的最后一个元素？

Question

所以，如果我有一个元素列表，我想找出哪一个是这个类的最后一个。没有JQuery我怎么能这样做？也许我能以某种方式得到它的索引？

在JQuery中，它会是这样的：

<div class="div">1</div>
<div class="div">2</div>
<div class="div">3</div>
<div class="div">4</div>
<div class="div">5</div>
<div>6</div>

jQuery(document).on('click', '.div', function() {
if ( $(this).is($(".div:last")) ) 
{
   console.log($(this))
}    
});

Link

Answer 1

您可以使用'querySelector'

执行您所做的操作

var lastElem = document.querySelector('div.class-name:last-child');

或者你可以做这样的事情 -

var elements = document.getElementsByClassName('class-name');
var lastElem = elements[elements.length - 1];

Answer 2

这是标准查询函数，它接受CSS选择器语法：

divs = document.querySelectorAll('.div');
last_div = divs.item(divs.length - 1);

请参阅here。