javascript - 是否可以在循环中结束代码？

Question

我在此页面上有 25 个元素:

<div id="test1"></div>
<div id="test2"></div>
<div id="test3"></div>
<div id="test4"></div>
<div id="test5"></div>

我还有在 div 中更新 html 的代码:

setInterval(function() {

  $.post("./main/", {
    record:1,
    opt:'get_res'
  }, function(data){
    $test1=data;
  });

}, 15000);

要更改所有 block 中的 html，我需要运行此代码 5 次，例如:

setInterval(function() {

  $.post("./main/", {
    record:1,
    opt:'get_res'
  }, function(data){
    $test1=data;
  });

}, 15000);

setInterval(function() {

  $.post("./main/", {
    record:2,
    opt:'get_res'
  }, function(data){
    $test2=data;
  });

}, 15000);

.....
.....

setInterval(function() {

  $.post("./main/", {
    record:3,
    opt:'get_res'
  }, function(data){
    $test3=data;
  });

}, 15000);

例如，对于 25 个元素的 div 需要编写此代码 25 次 - 这将是非常大的代码。

请告诉我是否循环执行代码，以免重复多次？

Answer 1

你应该看看http://api.jquery.com/each/功能:

更新:基本上您可以使用任何选择器来查找元素

假设页面上有一个简单的无序列表:

<ul>
    <li>foo</li>
    <li>bar</li>
    <li class="findMe">foo2</li>
    <li class="findMe">bar2</li>
</ul>

您可以选择列表项并迭代它们:

$( ".findMe" ).each(function( index ) {
  //do something ... post or anything else
});