javascript - 在 jQuery .each() 中使用循环时遇到问题

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 7 年前。

Improve this question

我有两个数组 state和memlist正如你所看到的，我正在加载 memlist 的元素至#list ul。这是通过使用.each()来实现的。函数，但我仍然需要加载 state 的元素作为 <li> 的类定义如下所示:

memlist.append($( '<li class="'+ state[i] +'">' + value + '</li>' ));

您能告诉我如何在 jQuery 中执行此操作吗？

var memlist = $( "#list" );

var states = ['one','two','three'];
var members = [ "John", "Steve", "Ben", "Damon", "Ian" ];
$.each(members,function( index, value ){
  memlist.append($( "<li>" + value + "</li>" ));
});

谢谢

Answer 1

当达到状态长度时，它会重新开始

var memlist = $( "#list" );

var states = ['one','two','three'];
var members = [ "John", "Steve", "Ben", "Damon", "Ian", "test"];
var counter = 0;
$.each(members,function( index, value ){
  //console.log(counter);
  memlist.append($( "<li class="+states[counter]+">" + value + "</li>" ));
  counter++;
  if(counter == states.length){
    counter=0;
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<ul id="list"></ul>