javascript - 循环数组属性和中断

Question

我在循环和中断方面遇到一些问题。 我有一个数组 n 当我到达第 10 个元素时我必须做一些事情。例如:

 $.each(videoDataList,function(k){      
        html = ''
        if(k % 10 == 0){
           html += (k == 0 ? "<ul>" : "</ul><ul>");
        }
        html += '<li class="item">'
        html += '<a href="#" id="vl_'+(k+1)+'">'
        html += '<span class="score_journalist" id="num_'+videoDataList[k].score_journalist+'">'+videoDataList[k].score_journalist+'</span>'
        html += '<img src="/files/preview/s/'+videoDataList[k].video_id+'.jpg" alt="" />'
        html += '<span class="rating clearfloat">'
        html += '<span class="votes"><span class="title">рейтинг:</span> <span class="count">'+videoDataList[k].score_user+'</span></span>'
        html += '</span>'
        html += '<span class="filter"></span>'
        html += '</a>'
        html += '<img src="/files/preview/b/'+videoDataList[k].video_id+'.jpg" alt="" class="big"/>'
        html += '</li>'
        if(k == videoDataList.length){
          html += "</ul>";
        }
        $(html).appendTo('#videoLists ul.list')
    })

我想要 10 个元素 LI 并将它们放入 UL 中。然后我想从第 11 个元素循环数组到第 21 个元素，然后再次从 11 到 21 循环 LI，我想放入另一个 UL。 可能吗？

Answer 1

使用模运算符很容易:

for(k=0;k<=Array.length;k++){

    if(k % 10 == 0 || k == 0)
    {
       if(k > 0)
       {
           html += '</ul>'
       }
       html += '<ul>'
    }


    html += '<li class="item">'
    html += '<a href="#" id="vl_'+(k+1)+'">'
    html += '<span id="num_'+Array[k].prop1+'">'+Array[k].prop1+'</span>'
    html += '<img src="/files/preview/s/'+Array[k].prop2+'.jpg" alt="" />'
    html += '<span class="rating clearfloat">'
    html += '<span class="votes">'+Array[k].prop3+'</span>'
    html += '</span>'
    html += '<span class="filter"></span>'
    html += '</a>'
    html += '<img src="/files/preview/b/'+Array[k].prop4+'.jpg" alt="" class="big"/>'
    html += '</li>'

    if(k == Array.length)
    {
       html += '</ul>'
    }


}