children

.children(filter)

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

.children(filter);

パラメータ

filter: string

ノードをフィルタリングするセレクタか、booleanを返す関数を指定します。 詳しくは.filter()を参照して下さい。

戻り値

u

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

例

全てのulの最初のliを取得します。

u('ul').children('li:first-child');

デモ

以下のリストをクリックすると、 リストのulの最初のliを取得して表示し、 console.logに出力します。

JavaScript

u('#demo').on('click', function() {
  var children = u(this).find('ul').children('li:first-child');
  console.log(children);
  var cb = function(node){ return '<span>' + node.innerText + '</span><br>' };
  u('#demo div').append(cb, children.nodes);
});

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>

関連項目

.parent() 全ての親要素を取得します。

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

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