jQuery_jquery でparents()を使用する手順

例:

コードをコピー コードは次のとおりです:

>

$("a").parent() は親オブジェクトを取得します

$("a").parents() は親オブジェクトを

$("a").parents().filter("div") は と書くこともできます"a") .parents("div")。

オブジェクトが必要な場合は、$("a").parents("div:eq(0)") のように記述できます。
リンクをクリックすると、 のコンテンツが表示される場合はどうすればよいですか?




コードをコピー

コードは次のとおりです: var id=$("a") .parents( "div:eq(1)").children("div:eq(0)").html(); alert(id);

この種の添字-like の使用法は非常に便利です。これらの添字の順序を間違えない限り、必要なものを簡単に取得できます。

jquery 親の使用例

<style> p, div, span {margin:2px; padding:1px; } div { border:2px white solid; } span { cursor:pointer; font-size:12px; } .selected { color:blue; } b { color:red; display:block; font-size:14px; } </style> <p>こんにちは</p> <div> <div> <span>またこんにちは</span> </div> <span> </span>またこんにちは</div> <div> <span> </span>「こんにちは」をクリックして親要素を切り替えます</div> 素材ダウンロード<b> </b>ウェブマスター ツール<a href="http://www.jb51.cn"> </a>サーバー ソフトウェア<a href="http://tools.jb51.net"> </a>百度<a href="http://s.jb51.net"> </a>スクリプトホーム<a href="http://www.baidu.com"> </a> <a href="http://www.jb51.net"> </a>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]