如何在jQuery PrintArea中传递自定义html标记

Question

我使用Jquery函数printarea打印页面的一部分（表的某些列）。

如果将选择器类放置在需要打印的两列中，如下所示：

<tr>
  <td class="printarea">content1</td>
  <td class="printarea">content2</td>
  <td>content3</td>
</tr>    

该函数将在每一行中打印每一列：

content 1 content 2

如果我将选择器类放到tr ，如下所示：

<tr class="printarea">

它在一行中打印每一列：

content 1 content 2 content 3

我需要在一行中打印前两列：

content 1 content 2

有谁知道如何实现这一目标？

Answer 1

首先，隐藏表中的所有行，然后在jquery中使用:lt选择器仅显示该行中的两列。 它在以下上下文中显示前两列

$("table tr td").hide();
$("table tr td:lt(2)").show();

小提琴

Answer 2

这将起作用，使用Colgroups，不需要使用jquery，是否有特定的原因想要JS / Jquery？

 .printable{background-color:red;} .notprintable{background-color:yellow;} @media print{ .notprintable{display:none} } 

 <table> <colgroup> <col span="2" class="printable"> <col class="notprintable"> </colgroup> <thead><tr><th>print 1 head</th><th>print 2 head</th><th>none print head</th></tr></thead><tbody><tr><td> print</td><td>print</td><td> no print</td></tr><tr><td> print</td><td>print</td><td> no print</td></tr><tr><td> print</td><td>print</td><td> no print</td></tr></tbody><tfoot><tr><td> print</td><td>print</td><td> no print</td></tr></tfoot></table>