HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery .each() div toggle</title>
  <style>
    div { color: red; text-align: center; cursor: pointer; font-weight: bolder; width: 300px; margin: 8px auto; }
  </style>
</head>
<body>
  <div>Click anywhere</div>
  <div>to iterate through</div>
  <div>these divs.</div>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    $(document.body).on("click", function () {
      $("div").each(function () {
        if (this.style.color !== "blue") {
          this.style.color = "blue";
        } else {
          this.style.color = "";
        }
      });
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery .each() — toggle div color (Try It)