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

小木
  • 281

前台用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>
<%}%>
..

前台大致就是这样,是不是这样写有错?

评论
阅读 1.7k
3 个回答
✓ 已被采纳

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

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

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

<%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的样式控制
如果你不是这样的逻辑,那就自己改一下方法
宣传栏