Question

我创建了一个tbody并试图通过从静态html中读取它们来包含tr和td，当点击＆＃34;显示更多＆＃34;链接。我包括静态html和其中的所有数据，即td＆＃39; s和tr附加到tbody但只是一个简单的文本，所有这些都在一个列而不是像一个表中行。任何帮助是极大的赞赏。

先谢谢!! !!

这是代码 -

<tbody id="load-container" data-message-showmore="Show More" data-module="lazyLoad" data-method="click" data-json-url="json/loadmoreSearch.php?preview=live">
</tbody>

<div id="load-container" class="laoder-message">
    <a href="#" class="show-more-results">Show More<span class="caret"></span></a>
</div>

[loadmoresearch.php包含静态html]

static html包含以下内容：

<tr role="row" class="even">
    <td>Filling Date 2</td>
    <td>Form 2</td>
    <td>Description 2</td>
    <td>Filling Groups 2</td>
    <td>
        data 2
    </td>
</tr>

Answer 1

做这样的事情：

$(".show-more-results").click(function(){
    $("tbody#load-container").append($(".even"));
});

我强烈建议将id限制为只有一个元素（即给出div和tbody个不同的ID。

修改

如果您在html之前运行脚本（例如在<head>标记或其他内容中），请执行以下操作：

$(function(){ $(".show-more-results").click(function(){ $("tbody#load-container").append($(".even")); }); });

Answer 2

试试这个

$('a.show-more-results').click(function(){
  var html=$('.even').clone();
  $('#load-container').append(html);
});

Answer 3

使用此

$("a.show-more-results").click(function(){
    $("tbody#load-container").append($(".even"));
});

无法在tbody中追加数据

3 个答案: