title: How to set interval 1 by 1 in each loop of jquery?
body: <pre><code>var J_lis = $(".display");        
  // loop thought each element
  J_lis.each(function(g){
    g = self.setInterval(function () {
    alert("this");
    }, 1000);
  })
  </code></pre>
  
  <p>my intention is to set a loop through each element and set a interval to each. so the 1st element go and 2nd element will start after 1000 and so on. but this code wont go 1 by 1 , it will go a quick loop of 4 time and then stop and go 4 times again.</p>
  
  <p>i want it go though each by each and each wait 1000.</p>
  
  <pre><code>for (var f=0; f &lt; J_lis.length; f++){
    f = self.setInterval(function () {
      // code
    }, 1000);
  }
  </code></pre>
  
  <p>this code work just fine like i wanted , but i wanted to set in on jquery each , is there a way of doing it ?</p>