jqueryで最後の要素を選択する方法は？

Question

私は私が試した私のWebページhttp://sycoscientistrecords.github.io/に最後audio要素を選択します：

$(" audio:last-of-type"); 

を問題は、それがすべてaudioの要素を返すということです：上の12個のオーディオ要素があります

Object { length: 12, prevObject: Object, context: HTMLDocument → index.html, selector: " audio:last-of-type", 12 more… }

をページとjqueryセレクタはそれらのすべてを返します。

jqueryで最後の要素を選択するにはどうすればよいですか？

Answer 1

last()を使用してください。 :lastセレクタも使用できますが、ブラウザのセレクタエンジンに直接渡すことはできません。

$("audio").last() 

---

なぜlast-of-type仕事はないのでしょうか？

セレクタのjQuery docsは言う：

は同じ要素名の兄弟の中で最後であるすべての要素を選択します。

あなたのケースでは、他の要素の中にあったすべての最後のaudio要素に一致します。

Answer 2

あなたのサイトに小切手があります。 $(" audio").last()を使用すると、最後の要素の配列が返されます。

使用：$(" audio").last()[0]最後の要素を取得します。