プログラミング光陰矢の如しとはよく言ったもので、気づけばもう3月...そう”弥生”です。正月!さて、気を取り直して、前回の記事に引き続いてjQueryでの要素の選択について書きます。指定方法は多々ありますので、今回も自分の思うところの指定方法を抜粋して、記事にします。フィルタを用いたセレクタ指定方法フィルタと呼ばれる、要素の状態などを判断して指定が行なえます。&lt;li&gt;テキスト6&lt;/li&gt;&lt;/ul&gt;上記のようなコードがあるとして説明していきます。:last最初、最後の指定ができます。"#f00")上記指定で、リスト内の最初の要素(テキスト1)の文字色が赤色になります。"#00f")上記指定で、リスト内の最期の要素(テキスト3)の文字色が青色になります。:last-child"first"、"last"に似た指定方法で":first-child"、":last-child"というのもあります。"#f00")上記指定で、"各リスト内"の最初の要素(テキスト1とテキスト4)の文字色が赤色になります。"#00f")上記指定で、"各リスト内"の最期の要素(テキスト3とテキスト6)の文字色が青色になります。:odd偶数、奇数を指定できます。"#00f")上記指定で、リスト内の偶数番目の要素(テキスト2)の文字色が青色になります。"#f00")上記指定で、リスト内の奇数番目の要素(テキスト1とテキスト3)の文字色が赤色になります。:eq(n)n番目を指定できます。注意点として、nは0から始まる番号です。"#f00")上記指定で、リスト内の3番目の要素(テキスト3)の文字色が赤色になります。:lt(n)n番目より前を指定できます。"#f00")上記指定で、リスト内の3番目より前の要素(テキスト1とテキスト2)の文字色が赤色になります。:gt(n)n番目より後を指定できます。"#00f")上記指定で、リスト内の1番目より後の要素(テキスト2とテキスト3)の文字色が青色になります。:nth-child(n)n番目を指定できます。番号だけでなく、数式などでも指定可能です。:nth-childでは1から始まる番号になります。"#f00")上記指定で、リスト内の1、3、5...番目の要素(テキスト1とテキスト3)の文字色が赤色になります。状態などによるフィルタ:animatedアニメーションしている要素の指定ができます。"#f00")上記指定で、アニメーションしている要素の背景色が赤色になります。:hidden表示、非表示を判断し、要素の指定ができます。"#f00")上記指定で、表示されている要素の背景色が赤色になります。$("div:hidden").show()上記指定で、非表示の要素が表示されます。※inputのtype="hidden"の要素も対象です。:disabled利用可能、不可能を判断し、要素の指定ができます。$("input:enabled").val("YES");上記指定で、利用可能な要素の値を"YES"に変更します。$("input:disabled").val("NO");上記指定で、利用不可能な要素の値を"NO"に変更します。まとめ前回と同じくですが、セレクタの指定方法は多々あり、フィルタを用いたセレクタ指定方法を網羅しているわけではありません。他に、":checked"、":selected"などフォーム周りで使えそうな選択状態の要素を指定する方法などもあるようです。jQueryの本家サイトや日本語翻訳サイトもありますので、さらに詳しくお知りになりたい場合は、そちらをご覧下さい。恥ずかしくないようちゃんと覚えておこうと思います。.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。