jQuery数据渲染，每行显示4个数据，超过四条数据自动换行

青衣

[{"name":"体验区统计","numb":0},{"name":"test909","numb":0},{"name":"test910","numb":0},{"name":"111","numb":0},{"name":"test","numb":0},{"name":"test11111","numb":0},{"name":"记忆区统计","numb":0}]

代码：

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>复选框checkbox自定义样式</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <style>
    </style>
  </head>
  <body>
    <!-- 中间部分 -->
    <div class="contScend">
    </div>
  </body>
  <script type="text/javascript">
    $.ajax({
      url: "test.json",
      type: 'GET',
      dataType: 'json',
      success: function(data) {
        var html = "";
        html += '<div>';
        $.each(data, function(i, item) { //        
          html += '<span>' + item.name + ':' + item.numb + '人' + '</span>';
          if (i != 0 && (i + 1) % 4 == 0) {
            html += '<br>';
          }
        });
        html += '</div>';
        $(".contScend").html(html);
      }
    });
  </script>
</html>

[jQuery] jQuery数据渲染，每行显示4个数据，超过四条数据自动换行

相关帖子

显示语言栏操作方法

华硕电脑开机自动进入bios2018如何取消

2345浏览器设置显示侧边栏教程

幻灯片会自动跳到下一张解决方法

Wps如何设置自动放映功能？Wps设置自动放映功能的方法

使用HTML/CSS/JS做一个恋爱计时小挂件

常用jquery右健禁止命令

Excel 使用技巧 - 如何使光标所在行的数据自动变颜色

Discuz!X3.5支付宝充值积分支付后显示未成功解决方法

解决编辑器图片插入多次但发布后只显示一次问题

青衣 LV4