jQuery parent（）メソッド
例
<span>の直接の親要素を返します。
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px solid red"});
});
結果：
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
定義と使用法
parent（）メソッドは、選択した要素の直接の親要素を返します。
DOMツリー：このメソッドは、DOMツリーの1レベル上のみをトラバースします。ドキュメントのルート要素までトラバースするには（祖父母または他の祖先を返すため）、 parents（）またはparentsUntil（） メソッドを使用します。
ヒント： DOMツリーを1レベル下に移動する場合、または最後の子孫まで下に移動する場合（子または他の子孫を返す場合）は、children（）または find（）メソッドを使用します。
構文
$(selector).parent(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the parent search |
自分で試してみてください-例
の直接の親を返す方法。
を絞り込むフィルターパラメーターを使用して、各<span>のクラス名が「first」の親<li>要素を返す方法。
のすべての直接の親<div>要素を返す方法。
で表示する<span>要素の祖先が実際に誰であるかを示すデモンストレーション。