●スクリプト
$(function(){
$("p:not(:first)").css("color", "red");
});
●HTML
<p>東京</p>
<p>大阪</p>
<p>名古屋</p>
スクリプトの p:not(:first) は、
p要素の一番最初以外、つまり２番目以降を意味する。
２番目以降にはすべてcssでredが適用されるので、
東京のみ黒字となり、大阪と名古屋は赤字となる。
サンプルソース
東京ウェブ制作ブロマガ
jQueryで複数あるp要素の、2番目以降の文字の色を全て変える
- 登録タグはありません
新着記事
- railsでコントローラにフラグを持たせてビューで表示をフラグにて切り替える方法 140ヶ月前
- railsで文字列の長さをビューで表示する方法 140ヶ月前
- railsでGoogleにリンクする（ビューのみ） 140ヶ月前
- railsコマンドでコントローラとビューの大枠を自動作成する 140ヶ月前
- railsでビューに任意の文字を出力する方法 140ヶ月前
コメント
コメントを書く