gpt4 book ai didi

jquery - 将两个表合并为单个表JQuery

转载 作者:太空宇宙 更新时间:2023-11-04 15:39:26 26 4
gpt4 key购买 nike

我有两个单独的表,我想使用 JQuery 合并到一个表中。但是我看到的输出不是正确的。任何有关此的帮助将不胜感激。

源表

<html>
<table class="left-column">
<tbody>
<tr>
<td>Name
</td>
</tr>
<tr>
<td>Age
</td>
</tr>
</tbody>
</table>
<table class="right-column">
<tbody>
<tr>
<td>Andy
</td>
</tr>
<tr>
<td>30
</td>
</tr>
</tbody>
</table>
</html>

目标表

<html>
<table>
<tr>
<td>
<table class="left-column">
<tbody>
<tr>
<td>Name
</td>
</tr>
<tr>
<td>Age
</td>
</tr>
</tbody>
</table>
</td>
<td>
<table class="right-column">
<tbody>
<tr>
<td>Andy
</td>
</tr>
<tr>
<td>30
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</html>

Jquery 代码片段

var leftTable=$('table.left-column').clone(); 
var rightTable=$('table.right-column').clone();
var newTable= $('div').append('<table><tr><td>')
.append(leftTable).append('</td><td>')
.append(rightTable).append('</td></tr></table>')
.html();
return newTable;

最佳答案

如果我理解正确你想做什么,也许这样的事情会奏效:

$('table.left-column').find('tr').each( function(i){
$(this).append( $('table.right-column').find('tr').eq(i).find('td') );
});

关于jquery - 将两个表合并为单个表JQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5084273/

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