問題 × 解決策

jQueryの「eq」で、最後の要素に処理を行う

問題

jQueryの「eq()」で、最後の要素を指定するには?

解決策

「eq(-1)」を指定する。

 

最後の要素を指定する。

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

jQueryの「eq」

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

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

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

HTML

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

CSS

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

javascript

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

DEMOはこちら

  • リスト
  • リスト
  • リスト
  • リスト
  • リスト

ポイント!

「eq()」にマイナスの数値を指定すると、最後から数えて指定を行ってくれます。

参考ページ

【jQueryのeq()で順番を指定する方法】
https://www.flatflag.nir87.com/eq-1998

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

19 − 5 =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧