FC2ブログ

属性の値による絞り込みについて

属性の値による絞り込みについて

[attr]は特定の属性を、もつ要素たけとりだす

例として
aタグのtarget要素があるのを設定したいなら
$('a[target]').css('background-color',yellow');

aタグのうち
targetがついているところだけ
背景色か黄色になる

もうちょっと絞り込みするなら
=

!=
を使うといい

target="_brank"
のところだけにしたいなら

$('a[target="_brank"]'').css('background-color',yellow');
にして、

逆に
target="_brank"以外にしたいなら
$('a[target != "_brank"]').css('background-color',yellow');
とする

これらを扱うとき
Linuxでよく使う正規表現みたいなのもつかえる

^=
なら~で始まる

$=
なら~で終わる

*=
なら~を含むすべて

もし、aタグのリンク先がjpで終わるのを対象にするなら
$('a[href $= ".jp/"]').css('border','solid 1px blue');
というようにする

もちろん、複数指定も可能
$('a[href ^="http://"][target]').css('border','solid 1px blue');
として
http://で始まり
_targetを含むものを対象にできる

あと、覚えておくと便利なのが
見出しになる
h1やh2タグだけを対象にする方法

これは
:header を使えば簡単に指定できます

もし、見出しの背景色を変えるなら

$(':header').css('background-color',yellow');
というようにします
スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック