Home/ Questions/Q 9101093
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T01:01:54+00:00

Could someone please explain, why do we need each(function (i) what does (i) do?

  • 0

Could someone please explain, why do we need each(function (i)
what does (i) do? seems like i could be any letters.
why (i) is necessary? I don’t quite understand. Many Thanks 

<body>
    <div>Click here</div>
  <div>to iterate through</div>
  <div>these divs.</div>
<script>
    $(document.body).click(function () {
      $( "div" ).each(function (i) {
        if ( this.style.color != "blue" ) {
          this.style.color = "blue";
        } else {
          this.style.color = "";
        }
      });
    });
</script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The first parameter for the callback function is the index of the iteration in the loop. i.e. the loop counter. In your case you don’t need it at all, as you are not using it:

    $("div").each(function() {
  if (this.style.color != "blue") {
    this.style.color = "blue";
  } else {
    this.style.color = "";
  }
});

    The second parameter is the element for the current iteration, i.e. the same as this is referring to. You could use that parameter instead of this. Of course, to use the second parameter you have to specify the first parameter also, even if you don’t use it:

    $("div").each(function(i, e) {
  if (e.style.color != "blue") {
    e.style.color = "blue";
  } else {
    e.style.color = "";
  }
});
    • 0