jquery根据一个ul中的li数量写另外一个li

2024-12-19 06:19:22
推荐回答(3个)
回答1:





Document





在以下输入框输入ul中的li数量



生成第一个ul
生成第二个ul




回答2:




    var len =121;//第一个ul中共有多少个li
    for(var i = 0;i<121;i++){ //往第一个ul中添加li
$("#u_1").append("
  • ");
    }
    var m = parseInt(len/100)+1;//计算第二个ul中需要多少个li
    for(var i = 0;i $("#u_2").append("
  • ");
    }
    var j = 1;//用来计数用根据规律来计数具体1的显示方式,可以写个方法去转换,我就不写了。
    for(var i = 0;i if(i==m-1){
    $("#u_2 li").eq(i).text(j+"-"+len);
    }else{
    $("#u_2 li").eq(i).text(j+"-"+(j+99));
    j+=100;
    }
    }


    回答3:

    $(function(){
    var size = 547; //$("ul.first li").size();
    var _num = 3;
    var ul = $("ul.second").empty();

    for(var i = 0; i < size; i++){
    var _b = i + 1;
    var _e = i + 100 > size ? size : i + 100;
    ul.append($("
  • " + _b.getString(_num) + "-" + _e.getString(_num) + "
  • "));
    i += 100 - 1;
    }
    });

    Object.prototype.getString = function(num){
    var m = "";
    for(var i = 0; i < num; i++) m +="0";
    var _m = m + this;
    return _m.substr(_m.length - num);
    }