最後の要素を指定する。

jQueryで特定の順番の要素に対して処理を行う「eq」ですが、こちらで最後の要素に処理を行う方法をご紹介します。

jQueryの「eq」

jQueryの「eq」の基本的な使用方法は過去の記事で触れていますので、そちらをご覧ください。

実際の「eq()」の使用例

実際の「eq()」の使用例です。
リストのなかで、最後のliタグのCSSを操作し、太字に処理します。

<ul class="jqeq-list">
	<li>リスト</li>
	<li>リスト</li>
	<li">リスト</li>
	<li>リスト</li>
	<li>リスト</li>
</ul>

.jqeq-list > li{
	margin-left: 20px;
	list-style: disc;
}

if($(".jqeq-list").length){
    $(".jqeq-list > li").eq(-1).css({ "font-weight": "bold" });
}

DEMOはこちら

参考ページ