JavaScript + Ajax 実践サンプル集 (1276本以上) ◇編集して実行可能◇
jQueryを使い倒せ! jQueryでAjaxを実装するための基礎知識と実践サンプルを一挙公開中... powered by asp.net 3.5
ホーム
jQuery
jQuery プラグイン
jQuery UI
人気順
カテゴリ
キーワード
クール
新着
ツリー
jQuery PDF
ホット
サイト情報
サイトマップ
★ 新着サンプルトップ50のRSSを購読する
◆ DHTMLサンプル(基礎)のRSSを購読する
◆ DHTMLサンプル(応用)のRSSを購読する
◆ AJAXサンプルのRSSを購読する
◆ その他サンプルのRSSを購読する
◆ BOM(Browser Object Model)のRSSを購読する
◆ DOM(Document Object Model)のRSSを購読する
jQuery 1.4のparentsUntil()の使い方
説明
補足説明
コード
関連書籍
コメント投稿
このサンプルは、jQuery 1.4のparentsUntil()メソッドを利用してメニューの階層から特定の階層を選択します。[Run!]ボタンをクリックすると「Menu2]の階層が赤でハイライトされます。
このサンプルを編集して試してみる
$('ul.level3').parentsUntil('ul.level1').css('backgroundColor', 'red');
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery 1.4 - parentsUntil</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $('#btnRun').click(function() { $('ul.level3').parentsUntil('ul.level1').css('backgroundColor', 'red'); }); }); </script> </head> <body> <button id="btnRun">Run!</button> <ul class="level1"> <li>Menu1</li> <li>Menu2 <ul class="level2"> <li>Menu2.1</li> <li>Menu2.2 <ul class="level3"> <li>Menu2.2.1</li> <li>Menu2.2.2</li> <li>Menu2.2.3</li> </ul> </li> <li>Menu2.3</li> </ul> </li> <li>Menu3</li> </ul> </body> </html>
コメント・提案の投稿！
名前
メール
件名
本文
送信中です...
ASP.NET 3.5
|
Akio's Blog