文章目录

js控制div每隔10个进行换行

今天逛百度知道,看到上面有人问“在js中如何让每10个div换一行?”

回答的人倒是有几个,但要么是代码太多,要么是回答得根本不着边际。

比如有个回答直接说的是“每隔10的加一个<br/>应该可以啊”。

这谁还不知道啊!但人家问的都是要如何用js来控制?

有一个回答的是这样的。

<style>
.flex{display:flex;flex-wrap:wrap}
.flex div{width:10%}
</style>
<div class="flex">
    <div>div1</div>
    ......
</div>

他将div设置为10%,10个刚好就是100%,是可以实现,但要是不同的数值呢?这就不好判断了。

下面是小编想到的方法。

<div class="box">
    <div>div1</div>
    ......
</div>
<script>
    $(".box div").each(function(index, element) {
        var idx=index+1;
        if (!(idx%10)){
            $(this).after('<br/>');
        }
    });
</script>
亲自测试一下

最主要的是就是“idx%10”这里,需要多少行随便改就可以了,当能被整除的时候(等于0)进行相应的操作就可以了。

本文网址:http://www.santii.com/article/86.html


数据更新时间:2018-09-21