JQuery 加载后网页内容不显示答案

【问题标题】：Web page content not shownig after JQuery loadingJQuery 加载后网页内容不显示
【发布时间】：2017-03-09 06:01:34
【问题描述】：

以上代码使用JSON输出生成HTML表格。

但是，我的问题是，在这个JQuery 运行之后，其他页面内容没有显示。

<script>
    $(document).ready(function () {
    var html = '<table class="table table-striped">';
    html += '<tr>';
    var flag = 0;

    var data2   =   <?php echo $data; ?>;
    $.each(data2[0], function(index, value){
        html += '<th>'+index+'</th>';
    });
    html += '</tr>';
     $.each(data2, function(index, value){
         html += '<tr>';
        $.each(value, function(index2, value2){
            html += '<td>'+value2+'</td>';
        });
        html += '<tr>';
     });
     html += '</table>';
     $('body').html(html);
     console.log(html);
});
</script>

当页面加载时，内容应该消失并且它应该只显示特定的表格。

【问题讨论】：

那是因为你基本上是把你body的所有内容都替换到这个表中，看你的代码$('body').html(html)。
你提到了这个，content should disappear and it should shows particular table only。根据您所提到的，您的代码正在做完全相同的事情。它将正文中的所有内容（即页面中的 Everything）替换为您在此脚本中构建的表格！现在有什么问题？
@PrashanthBenny 好的，那么我需要做什么，如何生成包含其他表格内容的表格
您可以将新表附加到您已有的表中！

标签： javascript php jquery html json

【解决方案1】：

改一下

$('body').html(html);

与

$('body').append(html);

【讨论】：

很高兴为您提供帮助 :)

【解决方案2】：

可能的原因是

$('body').html(html);

因为 html() 方法会改变 body 元素的内容。你应该使用

$('body').append(html);

在正文元素的末尾插入内容。

【讨论】：

【解决方案3】：

你想念：html += '</tr>'; 请检查完整代码

<script>
    $(document).ready(function () {
    var html = '<table class="table table-striped">';
    html += '<tr>';
    var flag = 0;

    var data2   =   <?php echo $data; ?>;
    $.each(data2[0], function(index, value){
        html += '<th>'+index+'</th>';
    });
    html += '</tr>';
     $.each(data2, function(index, value){
         html += '<tr>';
        $.each(value, function(index2, value2){
            html += '<td>'+value2+'</td>';
        });
        html += '</tr>';
     });
     html += '</table>';
     $('body').html(html);
     console.log(html);
});
</script>

【讨论】：

当他将整个 html 替换为 body.html(html) 时，如何解决这个问题。仔细看看他想要什么..
请仔细看代码他不完整的'tr'标签并创建新的'tr'标签
哥们，他的问题是他想用现有内容显示这个表格。显然不完成 tr 不会限制 js 显示表格。一旦找到主要解决方案，就可以解决这种美学变化。你的代码不能解决他要在这里回答的基本问题..希望你明白..