• このエントリーをはてなブックマークに追加
jQueryで複数あるp要素の、2番目以降の文字の色を全て変える
閉じる
閉じる

新しい記事を投稿しました。シェアして読者に伝えましょう

×

jQueryで複数あるp要素の、2番目以降の文字の色を全て変える

2013-03-13 13:09
    ●スクリプト
    $(function(){
      $("p:not(:first)").css("color", "red");
    });



    ●HTML
    <p>東京</p>
    <p>大阪</p>
    <p>名古屋</p>

    スクリプトの p:not(:first) は、
    p要素の一番最初以外、つまり2番目以降を意味する。
    2番目以降にはすべてcssでredが適用されるので、
    東京のみ黒字となり、大阪と名古屋は赤字となる。

    サンプルソース


    チャンネル会員ならもっと楽しめる!
    • 会員限定の新着記事が読み放題!※1
    • 動画や生放送などの追加コンテンツが見放題!※2
      • ※1、入会月以降の記事が対象になります。
      • ※2、チャンネルによって、見放題になるコンテンツは異なります。
    ブログイメージ
    東京ウェブ制作ブロマガ
    更新頻度: 不定期
    最終更新日:
    チャンネル月額: ¥550 (税込)

    チャンネルに入会して購読

    コメントを書く
    コメントをするにはログインして下さい。