Question

$(this).after("<tr class='pagebreak'></tr>");

我正在添加上面的tr，但是，分页符不起作用。

当我这样做时：

$("#searchresult").append("<tr class='pagebreak'></tr>");

分页符正在运行。

很遗憾，我无法一直使用append，因为要添加动态tr。

我的css在下面。

tr {display: table-row !important; } 
tr.pagebreak { display: block !important; page-break-after: always; }

更新：

<table>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='dynamicsubtotal'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='value'></tr>
  <tr class='dynamicsubtotal'></tr>
</table>

Answer 1

这样的事情就可以做到。

var count = 0;
$('table tr').each(function() {
     if($(this).hasClass('dynamicsubtotal') || count == 9) 
     {
         $('this').after('<tr class="page-break"><\tr>') 
     } else {
         count++;
     }
}

虽然没有经过测试

Answer 2

通过css而不是添加元素？

tr:nth-child(10n+0) {
    display: block !important; page-break-after: always;
}

在jquery之后追加vs（分页符问题）

2 个答案: