Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在jQuery.each()中使用循环存在问题_Javascript_Jquery - Fatal编程技术网

Javascript 在jQuery.each()中使用循环存在问题

Javascript 在jQuery.each()中使用循环存在问题,javascript,jquery,Javascript,Jquery,我有两个数组,分别是state和memlist,您可以看到,我正在将memlist的元素加载到#listul。这是通过使用.each()函数实现的,但我仍然需要将状态的元素作为类定义加载到中,如下所示: memlist.append($( '<li class="'+ state[i] +'">' + value + '</li>' )); memlist.append($(''+value+''); 您能告诉我如何在jQuery中执行此操作吗 var memlist

我有两个数组,分别是
state
memlist
,您可以看到,我正在将
memlist
的元素加载到
#list
ul。这是通过使用
.each()
函数实现的,但我仍然需要将
状态的元素作为类定义加载到
  • 中,如下所示:

    memlist.append($( '<li class="'+ state[i] +'">' + value + '</li>' ));
    
    memlist.append($('
  • '+value+'
  • ');
    您能告诉我如何在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>" ));
    });
    
    var memlist=$(“#list”);
    变量状态=['1'、'2'、'3'];
    var成员=[“约翰”、“史蒂夫”、“本”、“达蒙”、“伊恩”];
    $.each(成员、函数(索引、值){
    memlist.append($(“
  • ”+value+“
  • ”); });

    谢谢

    首先确保您在
    状态
    成员
    中拥有相同数量的元素。 如果是这样,那么您可以执行以下操作

    var states = ['one','two','three'];
    var members = [ "John", "Steve", "Ben", "Damon", "Ian" ];
    $.each(members,function( index, value ){
    // Now index will be helpful to traverse through states array so 
       memlist.append("<li class = '"+states[index]+"'>" + value + "</li>")
    });
    
    var状态=['1'、'2'、'3'];
    var成员=[“约翰”、“史蒂夫”、“本”、“达蒙”、“伊恩”];
    $.each(成员、函数(索引、值){
    //现在索引将有助于遍历状态数组,所以
    memlist.append(“
  • “+值+”
  • ”) });
    我试过了,没问题

    $.each(members,function( index, value ){  
      var clas =(index < states.length) ? states[index] :  null;
      memlist.append('<li class="'+clas+'">' + value + '</li>' );
    });
    
    $。每个(成员、函数(索引、值){
    var clas=(索引“+value+””);
    });
    
    当达到状态长度时,重新开始

    var memlist=$(“#list”);
    变量状态=['1'、'2'、'3'];
    var成员=[“约翰”、“史蒂夫”、“本”、“达蒙”、“伊恩”、“测试”];
    var计数器=0;
    $.each(成员、函数(索引、值){
    //控制台日志(计数器);
    memlist.append($(“
  • “+value+”
  • ”); 计数器++; if(计数器==状态.长度){ 计数器=0; } });
    
    
      
      var状态=[1,2,3];
      var成员=[“约翰”、“史蒂夫”、“本”、“达蒙”、“伊恩”];
      var元素_html=“”;
      对于(var i=0;i;
      元素_html+=值;
      元素html+=;
      }
      $(“#列表”).html(元素#html)


      状态!=state
      so
      states[i]
      not
      state[i]
      -
      memlist.append($('
    • “+value+”
    • memlist.append($(“
    • ”+value+“
    • ”).addClass(状态[索引]);您希望三个州如何匹配最多五个成员?是的,您希望如何添加这些类,到哪个标准?@Jai-这也是我的猜测,而且使用%运算符也很容易,但除非OP澄清,否则我不会费心写一个答案。如果执行此代码,Damon和Ian会得到什么。
      k is what ever you want to choose from state list