:last


version 1.0 以降

解説

マッチした要素のうち、一番最後の要素を返します。

記法

:last

:lastと:last-childの違い

:lastは要素集合全体に対する、最後の要素を返します。 よって、返す要素の数は0もしくは1です。

:last-childは要素集合にある要素のうち、それぞれの親要素に対する最後の子要素の場合、その子要素を返します。 よって、返す要素の数は0以上です。

概念図

elements[0]
elements[1]
elements[2]
elements[3]
elements[n] (セレクタ: "elements:last")

例

例1:class属性値が"citrus"のdiv要素の、一番最後の子孫span要素を選択し、背景を橙色にします。 

$("div.citrus span:last").css("background-color", "orange");

<div class="citrus">
    class属性値が"citrus"のdiv要素

    <span>span要素</span>
    <div class="lemon">
        class属性値が"lemon"のdiv要素
        <span>span要素</span>
    </div>
    <span>span要素</span>
    <span>span要素</span>
    <div>
        div要素
        <span>span要素</span>
    </div>
    <span>span要素</span>
</div>


ページトップヘページトップヘ

ページトップヘページトップヘ