ImpressCMS
HOME  >  JSCRIPT  > DOMの指定方法 > jQueryフィルターを利用する > 何番目(eq)、何番目より後(gt) 何番目より前(lt)

10 - 7 - 3 : 何番目(eq)、何番目より後(gt) 何番目より前(lt)

ここでは何番目に該当する要素、何番目以降に該当する要素、何番目以前に該当する要素でフィルターをかけてみます。
p要素の2番目は背景色を薄い黄色(#ffffcc)にしてください。
また2番目以前(3番目より小さい)の要素のフォントファミリーを明朝体にし、3番目以降(2番目より大きい)の要素を斜体(イタリック)にしましょう。
スクリプトは以下の通りです。
        $('p:eq(2)').css('background-color','#ffffcc');
        $('p:lt(3)').css('font-family','serif');
        $('p:gt(2)').css('font-style','italic');
以上、以下ではないので気を付けてください。

 
Publish : 951 bytes - updated 2024-07-10 by 管理人