HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery last-child demo</title>
  <style>
    body { font-family: sans-serif; padding: 16px; }
    span { color: #008; display: inline-block; margin-right: 4px; }
    span.solast { text-decoration: line-through; }
  </style>
</head>
<body>
  <div>
    <span>John,</span>
    <span>Karl,</span>
    <span>Brandon,</span>
    <span>Sam</span>
  </div>
  <div>
    <span>Glen,</span>
    <span>Tane,</span>
    <span>Ralph,</span>
    <span>David</span>
  </div>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    $("div span:last-child")
      .css({ color: "red", fontSize: "80%" })
      .hover(function() {
        $(this).addClass("solast");
      }, function() {
        $(this).removeClass("solast");
      });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery div span:last-child — official demo (Try It)