JavaScript/jQuery/API/セレクターのバックアップ(No.2)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
JavaScript/jQuery/API/セレクターへ行く。
- 1 (2013-04-14 (日) 19:50:04)
- 2 (2013-04-14 (日) 19:56:10)
- 3 (2013-07-19 (金) 20:57:26)

セレクタ

複数の要素

 var h_tags = $('h1, h2, h3');

親子関係にある要素

 var lis = $('ul>li');

子孫関係ににある要素

 var inputs = $('form input);

リストになっている要素

 var first_li = $('li:first');           // リストの最初の要素
 var last_li  = $('li:last');            // リストの最後の要素
 var even_lis = $('li:even');            // リストの偶数番目の要素
 var odd_lis  = $('li:odd');             // リストの奇数番目の要素
 var third_li = $('li:eq(2));            // 添え字で指定する要素（添え字は0スタート）
 var lis      = $('li:contains("ABC")'); // 指定する文字列を持っている要素

親要素

 var elems = $('div').parent(); // divの子要素も含む

子要素

 var elems = $('div').children();

前の要素

 var first_li = $('li:eq(1)').prev();

次の要素

 var third_li = $('li:eq(1)').next();