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

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))
}    
});

链接

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);

看这里 。