如何檢查元素是否是此類的最后一個？

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

看這里 。