js中如何让每10个div换一行

JavaScript014

js中如何让每10个div换一行,第1张

每10个换行太多了，就以每2个换行为例吧！

首先10个div标签。

<div class="box">

    <div>div1</div>

    <div>div2</div>

    <div>div3</div>

    <div>div4</div>

    <div>div5</div>

    <div>div6</div>

    <div>div7</div>

    <div>div8</div>

    <div>div9</div>

    <div>div10</div>

    <div>div11</div>

    <div>div11</div>

</div>

然后就是js代码

$(".box div").each(function(index, element) {

    var idx=index+1

    if (!(idx%2)){

        $(this).after('<br/>')

    }

})

主要的就是“idx%2”这里，进行判断就可以了。

用JSer吧（百度搜索JDiy进官网有下载）

JSer("#inputID").keyup(function(){

var v = this.value.replace(/\r|\n/gi,"")//定个变量把转行符去掉下面要用到

if(v.length%10==0) this.value=this.value+"\n"//用于判断输入的字符是不是10的倍数,如果是在末尾加换行符

})

arr是你已经获得的数组，下面来对他的值进行输出，按你的要求，每十个换一行，也就是在每十个的后面加上一个"<br>"：

var o//声明一个变量 这个变量里存放我们要输出的字符串

$.each(arr,function(i){

    o=o+arr[i].toString()//把当前数组里的内容添加的输出变量里

    var j=i+1//因为索引是从0开始的，所以计算的时候，当前的索引要加1

    if(j % 10 = 0){

        o=o+"<br>"//如果能被10整除，就在后面追加一个<br>换行符

    }

})

document.write(o)//直接输出就行了

希望能帮助到你，祝你生活愉快！