HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery nth-of-type(2) demo</title>
  <style>
    body { font-family: sans-serif; padding: 16px; }
    div { margin-bottom: 16px; padding: 12px; background: #f8fafc; border-radius: 8px; }
    span { display: inline-block; margin-right: 4px; }
    .nth { color: #dc2626; font-weight: bold; }
  </style>
</head>
<body>
  <div>
    <span>John,</span>
    <span>Kim,</span>
    <span>Adam,</span>
    <span>Rafael,</span>
    <span>Oleg</span>
  </div>
  <div>
    <span>Dave,</span>
    <span>Ann</span>
  </div>
  <div>
    <span>Maurice,</span>
    <span>Richard,</span>
    <span>Ralph,</span>
    <span>Jason</span>
  </div>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    $("span:nth-of-type(2)")
      .append(" is 2nd sibling span ")
      .addClass("nth");
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery span:nth-of-type(2) — official demo (Try It)