:first-of-type Selector

first-of-type selector

Description: Selects all elements that are the first among siblings of the same element name.

  • version added: 1.9jQuery( ":first-of-type" )

The :first-of-type selector matches elements that have no other element with both the same parent and the same element name coming before it in the document tree.


Find the first span in each matched div and add a class to it.

<!doctype html>
<html lang="en">
  <meta charset="utf-8">
  <title>first-of-type demo</title>
  span.fot {
    color: red;
    font-size: 120%;
    font-style: italic;
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
$( "span:first-of-type" ).addClass( "fot" );


© The jQuery Foundation and other contributors
Licensed under the MIT License.