各要素の親要素を取得して、”親 > 子”の形で表示する。
以下の生HTMLと実行結果を見比べながら、動作を確認してください。
Traversing/API/jQuery
parent([expr])
各要素の親要素を全て返す。
引数に選択条件式を指定することで、更に絞り込むことも可能。
引数に選択条件式を指定することで、更に絞り込むことも可能。
- expr
- String結果セットを絞り込む条件式
引数
戻り値
jQuery
抽出された親要素
サンプル
サンプル1
<div>div,
<span>span, </span>
<b>b </b>
</div>
<p>p,
<span>span,
<em>em </em>
</span>
</p>
<div>div,
<strong>strong,
<span>span, </span>
<em>em,
<b>b, </b>
</em>
</strong>
<b>b </b>
</div>
$("*", document.body).each(function () {
var parentTag = $(this).parent().get(0).tagName;
$(this).prepend(document.createTextNode(parentTag + " > "));
});
[全コードを表示]
[実行結果を単体で表示]