HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>jQuery.each() — words demo</title>

  <style>

    div { color: blue; }

    div#five { color: red; }

  </style>

</head>

<body>

  <div id="one"></div>

  <div id="two"></div>

  <div id="three"></div>

  <div id="four"></div>

  <div id="five"></div>

  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

  <script>

    (function () {

      var arr = ["one", "two", "three", "four", "five"];

      var obj = { one: 1, two: 2, three: 3, four: 4, five: 5 };

      $.each(arr, function (i, val) {

        $("#" + val).text("Mine is " + val + ".");

        return val !== "three";

      });

      $.each(obj, function (i, val) {

        $("#" + i).append(document.createTextNode(" — " + val));

      });

    })();

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery.each() — words and numerals (Try It)