HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery .find .end chain</title>
  <style>
    p { font-size: 20px; width: 280px; color: blue; font-weight: bold; }
    .hilite { background: yellow; }
  </style>
</head>
<body>
  <p>When the day is short find that which matters to you or stop believing</p>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    var newText = $("p").text().split(" ").join("</span> <span>");
    newText = "<span>" + newText + "</span>";
    $("p")
      .html(newText)
      .find("span")
      .hover(function () {
        $(this).addClass("hilite");
      }, function () {
        $(this).removeClass("hilite");
      })
      .end()
      .find(":contains('t')")
      .css({ "font-style": "italic", "font-weight": "bolder" });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery .find() with .end() chain (Try It)