parent

.parent([filter])

マッチした要素の親要素を取得します。 フィルタ指定して、親要素をフィルタリングすることができます。

.parent()
.parent('p')
.parent(u('p'))
.parent(function(node, i){})

パラメータ

filter: string, array, object, function

親要素に対するフィルタを指定します。 オプションです。

戻り値

u

親要素のノードを持ったUmbrellaのインスタンスを返します。

例

liの全ての親要素を取得します。

u('li').parent();

子としてリンクを持った段落(p)を取得します。

u('a').parent('p');

デモ

以下のリストをクリックすると、 リストのliから親のulを取得してulの数を表示し、 ulのnodeオブジェクトをconsole.logに出力します。

JavaScript

u('#demo').on('click', function() {
  var parent = u(this).find('li').parent();
  console.log(parent);
  u('#demo div').append('<span>' + parent.nodes.length + '</span>');
});

HTML

<div id="demo">
  <ul>
    <li>1-1</li>
    <li>1-2</li>
    <li></li>
  </ul>
  <ul>
    <li>2-1</li>
    <li>2-2<ul>
        <li>2-2-1</li>
      </ul>
    </li>
  </ul>
  <div></div>
</div>

関連項目

.children() フィルタを使って直下の子要素を取得します。

.find() マッチした全ての子孫要素を取得します。

.closest() マッチした要素から最も近い親要素を取得します。