gpt4 book ai didi

jquery - 将 HTML 表格分成两个不同的表格

转载 作者:行者123 更新时间:2023-12-01 02:25:22 26 4
gpt4 key购买 nike

我正在尝试打印包含大量列的表格。我提出了一个解决方案,通过分页符将列分成不同的表。我想使用 JQuery 来做到这一点。这是 HTML,我是 JQuery 新手,请帮助我解决这个问题。

原始 HTML 结构

<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Ami</td>
<td>35</td>
</tr>
<tr>
<td>jai</td>
<td>34</td>
</tr>

预期 HTML 输出

<html>
<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Ami</td>
<td>35</td>
</tr>

</table>

<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Ami</td>
<td>35</td>
</tr>

</table>
</html>

是否可以在JQuery中实现预期的HTML结构。

最佳答案

一种可能的方法:

$('<table>').append(
$('table tr:first-child').clone(),
$('table tr').slice(Math.ceil($('table tr').length / 2))
).appendTo('body');

DEMO

<小时/>

版本 2:

var max = 2; // change this


var $t = $('table');
var $th = $('tr:first-child', $t).remove();
var l = $('tr',$t).length;

while(l > max){
// extract trs with index larger than max and add them to a new table
var $trs = $('tr',$t).filter(function(){ return $(this).index() < max; });
$('<table/>').append($trs).insertBefore($t);
l-=max;
}
$('table').each(function(){ $(this).prepend($th.clone()); });

DEMO

关于jquery - 将 HTML 表格分成两个不同的表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4652738/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com