連載：jQuery逆引きリファレンス

【トラバーシング編】

1つ前の操作をキャンセルするには？
− end()メソッド −

山田 祥寛（http://www.wings.msn.to/）
2009/12/21

　andSelfメソッドは、1つ前の要素セットと現在の要素セットとを結合したものを返します。「1つ前」の意味については、endメソッドの項で紹介していますので、こちらも併せて参照するようにしてください。

　以下は、偶数番目の<li>要素に対して背景色を適用するとともに、偶数番目の<li>要素＋<ul>要素に対して枠線を適用するサンプルです。

<script type="text/javascript">

$(function() {

  $('#target'). // id="target"の要素を取得
     find('li:odd'). // 配下から、偶数番目の<li>要素に絞り込み
     css('background-color', 'Yellow'). // 背景色を設定
     andSelf(). // 元の要素セット（<ul>要素）を現在の要素セットに追加
     css({
      border : 'solid 1px blue',
      margin : '5px'
    }); // 枠線とマージンを設定
 });

</script>

……中略……

<ul id="target">
  <li>1番目の要素</li>
  <li>2番目の要素</li>
  <li>3番目の要素</li>
  <li>4番目の要素</li>
  <li>5番目の要素</li>
  <li>6番目の要素</li>
</ul>
リスト060 偶数番目の<li>＋<ul>要素に対してスタイルを適用（AndSelf.html）

ブラウザで開く

リスト060の実行結果


　INDEX
　 jQuery逆引きリファレンス
　  1．セレクタ編
　  2．属性＆コンテンツ編
  3．トラバーシング編
　  4．要素の操作＆ユーティリティ編
　  5．コア編
　  6．イベント編
　  7．エフェクト編
　   8．Ajax編（前編）
　   9．Ajax編（後編）
    10．jQuery 1.4編
　
インデックス・ページヘ 　「jQuery逆引きリファレンス」

TechTargetジャパン

Insider.NET フォーラム 新着記事

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード

＠IT 新着記事

キャリアアップ

- PR -
＠IT Sepcial
→ ＠IT Special ヘ

イベントカレンダー

PickUpイベント

- PR -
もっと見る
- PR -

お勧め求人情報

ホワイトペーパー（TechTargetジャパン）

＠IT Sepcial
→ ＠IT Special ヘ
ソリューションFLASH