关于#html#的问题，如何解决？

Question

问题遇到的现象和发生背景

html里面script脚本里面的嵌套for循环只遍历到第一个结果集

用代码块功能插入代码，请勿粘贴截图

$.post('login',
                function (data) {
                    for (var i=0;i<data.length;i++){
                        s ="<span class="hljs-tag"><tr><th colspan='2'><hr width='650' size='1px' color='green'></th></tr>"+
                            "<tr><th colspan='2' align='left'>" + data[i].theme + "</th></tr>" +
                            "<tr><th colspan='2'><br></th></tr>" +
                            "<tr><td colspan='2' align='left'>"  + data[i].details + "</td></tr>" +
                            "<tr><th colspan='2'><br></th></tr>" +
                            "<tr><td colspan='2' align='left'>" + data[i].times + "</td><td align='right'><button type='button' onclick='todelete(("+data[i].name+"),("+data[i].id+"))'>"+"删除"+"</button></td></tr>" +
                            "<tr><th colspan='2' align='left'><button  type='button' onclick='comment("+data[i].id+")'>"+"评论"+"</button></th></tr>" +
                            "<tr><th colspan='2'><hr width='650' size='1px' color='green'></th></tr>"+
                            "<tr><th colspan='2'><div id='i'></th></div></tr>"
                        $('#tab').append(s);
                        var userloData1 = {pid:data[i].id};
                        $.post('comm',userloData1,
                        function (data) {
                            for (var j=0;j<data.length;j++){

                                m="<span class="hljs-tag"><tr><th>" + data.name + "</th><th>" + ':' + "</th><th>" + data[j].comment + "</th>" + "<th><br></th></tr>";
                                $('#i').append(m);
                            }
                        },'json');
                    }
                },'json');

运行结果及报错内容

我想要达到的结果

我想要的结果是每一个第一个for循环的结果集下面紧跟着这二个for循环的结果集，而不是第二个for循环的所有结果集都在第一个for循环的第一个结果集下面，有没有学长学姐帮帮我

Answer 1

你的结果集id 都是一样的，要动态 'i' + i