JQueryを使用しているときに "last-of-type"または ".last（）"を返す

Question

:last-of-type (as of v1.9) vs .last() (as of v1.4)：どちらの方法も機能しますが、どれが効率に基づいてより良い方法であるか教えてください。

例：

$(".item").last(); 

$(".item:last-of-type"); 

".last（）"（バージョン1.4のような）の周りに長くなっています。 JQueryには「last-of-type」ビルトインがありますか、それとも単にCSSを利用してブラウザの機能を狙っているだけですか？誰でもこれを確認できますか？

これが該当する場合、「last-of-type」が適切であると思われます。

Answer 1

.last()が高速です。

注、セレクタ

:last-of-type

異なる選択を行う最後の型セレクタ

説明： 同じ要素の兄弟のうちの最後のあるすべての要素を選択名。

.last()

.last（）

説明： の最後の一組に整合要素の組を減らします。

console.time("lastOfType"); 
 
$(".item:last-of-type"); 
 
console.timeEnd("lastOfType"); 
 

 
console.time("last"); 
 
$(".item").last(); 
 
console.timeEnd("last");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
 
</script> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div> 
 
<div class="item"></div>