Question

获得了大量的多部分表单，因此决定创建一个tbody并添加部分。我尝试的以下代码和变体并没有像我期望的那样。每个section.html都是例如

  <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">

但添加的每个部分往往会取代之前的部分。我本来希望添加一些表行 - 例如append（） - 我使用它的方式 - 不起作用..有关如何将html“<tr>...</tr>”的块附加到<tbody>

的任何线索

非常感谢

凯文

代码（不附加）：

<legend>New Landlord License</legend>
<div class="control-group">
<div class="bs-example">
  <table class="table table-condensed" style="border-collapse:collapse;margin-bottom:0px;">
     <tbody id="tb" name="tb">
     </tbody>
  </table>
</div>
</div>
<script>
    $(document).ready(function() {
       $('#tb').load("./section1.html")
       $('#tb').append().load("./section2.html");
    });
</script>

Answer 1

你可以试试这个：

$(document).ready(function() {
   $('#tb').load("./section1.html");
   $.get("./section2.html", function(data){
      $('#tb').append(data);
   });
});

Answer 2

我建议你只是遍历一个数组contaand追加它们。

$(document).ready(function() {
    var pages = [1, 5, 7, 12];
    for(var i = 0; i < pages.length;i++){
        $.ajax({
            async: false,
            type: 'GET',
            url: "./section" + i +".html",
            success: function(data) {
                $('#tbls').append(data);
            }
        });
    }
});

JQuery / bootstrap加载和附加表

2 个答案: