first

.first()

マッチした最初の要素を取得します。

.first();

パラメータ

この関数はパラメータを受け取りません。

戻り値

node or false

最初の要素か、存在しない場合はfalseを返します。

例

リストの最初の要素を取得します。

var next = u('ul.demo li').first();

デモ

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

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

HTML

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

関連項目

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

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

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