> For the complete documentation index, see [llms.txt](https://jscula.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jscula.gitbook.io/docs/traversal/.first.md).

# .first()

##  **`$(selector).first()`**

#### **Description**

Returns the **first child element** of the selected element.

#### **Example**

```html
<ul id="menu">
  <li>Home</li>
  <li>About</li>
  <li>Contact</li>
</ul>
```

```js
const firstItem = $('#menu').first();
console.log(firstItem); 
// <li>Home</li>
```

#### Notes

* If element has no children → returns `null`.
* Works only on **element children**, not text nodes.