前台渲染数据时候，html结构错乱

Question

前台用for循环遍历展示数据docA,docB,两个数据都能拿到,刷新渲染html就错乱，css文件正常，html却乱起来，部分div脱离出原来父元素，变成同级元素，单独展示docA，页面正常。

..
<%for(i=0;i<A.length;i++){%>
<li>
<div>--A数据操作--</div>
<%for(j=0;j<B.length;j++){%>
<div>--B数据操作--</div>
<%}%>
</li>
<%}%>
..

前台大致就是这样，是不是这样写有错？

Answer 1

先格式化一下你的代码文件，保证缩进正常。
然后检查一下你是否有标签未闭合，一般这样的问题都是标签未正常闭合导致的。

Answer 2

<%for(i=0;i<A.length;i++){%>
<li>
<div>--A数据操作--
<%for(j=0;j<B.length;j++){%>
<div>--B数据操作--</div>
<%}%>
</div>
</li>
<%}%>

你的B是不是要在A里面？？？

Answer 3

<%for(i=0;i<A.length;i++){%>
    <li>//遍历a，会得到很多个li
        <div>--A数据操作--</div>
        <%for(j=0;j<B.length;j++){%> //遍历B
            <div>--B数据操作--</div>
        <%}%>
    </li>
<%}%>
你这样写的话就会生成a.length个li，每个li都会有一个“--A数据操作--”和b.length个“--B数据操作--”
如果显示有问题，就自己找一下css的样式控制
如果你不是这样的逻辑，那就自己改一下方法