jQuery :last-of-type 選択子

jQuery 選択子

：last-of-type選択子は、親要素の特定のタイプの最後の子要素であるすべての要素を選択します。

これは：nth-last-of-type（1）と同じです。

を使用して、：first-of-type選択子は、親要素の特定のタイプの最初の子要素であるすべての要素を選択できます。

文法：

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

例

親の要素の最後の<p>要素に属するすべての<p>要素を選択します：

$("document").ready(function(){
　　$("p:last-of-type").css("background",　"coral");
});

すべての<div>要素内の最後の<p>要素を選択します：

$("document").ready(function(){
　　$("div　p:last-of-type").css("background",　"coral");
});

jQuery 選択子