firstフィルター/lastフィルター

jQueryにはCSSセレクター以外にも、独自のセレクターである「フィルター」が利用できます。

セレクターの中から最初の要素を「firstフィルター」で、
最後の要素を「lastフィルター」で指定する事が出来ます。

下記の例では
最初のli要素を「firstフィルター」で、最後のli要素を「lastフィルター」で
CSSプロパティーを変更させます。

■javascript

$(function(){
$("li:first").css("color","red");
$("li:last").css("color","red");
});

■HTML

<ul>
<li>テキストテキスト</li>
<li>テキストテキスト</li>
<li>テキストテキスト</li>
<li>テキストテキスト</li>
</ul>

■表示結果

  • テキストテキスト
  • テキストテキスト
  • テキストテキスト
  • テキストテキスト

人気記事ランキング

投稿者:

kishiken

企業務めのWEBデザイナーです。

コメントを残す

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