永发信息网

网页制作:页面中有两个表格,用js或者jquery实现将其中一个表格的某一行复制到另一个表格的一行。

答案:3  悬赏:20  手机版
解决时间 2021-12-24 12:29
  • 提问者网友:不爱我么
  • 2021-12-23 17:45
有急用,希望各路高手帮帮忙,谢谢了!
最佳答案
  • 五星知识达人网友:不甚了了
  • 2022-01-06 04:13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<style type="text/css">
table{ border-collapse:collapse; margin-top:20px;}
td{ border:1px solid #000;}
</style>
<script type="text/javascript">

$(function(){
$("table:eq(0) tr:eq(1)")//获取第一个表格的第二行N
.clone()//复制
.insertAfter("table:eq(1) tr:eq(0)");//插入到第二个表格的第一行后面
})
</script>
</head>

<body>
<table>
<tr>
<td>表格1第一行</td><td>表格1第一行</td>
</tr>
<tr>
<td>表格1第二行</td><td>表格1第二行</td>
</tr>
<tr>
<td>表格1第三行</td><td>表格1第三行</td>
</tr>

</table>

<table>
<tr>
<td>表格2第一行</td><td>表格2第一行</td>
</tr>
<tr>
<td>表格2第二行</td><td>表格2第二行</td>
</tr>
<tr>
<td>表格2第三行</td><td>表格2第三行</td>
</tr>

</table>
</body>
</html>
全部回答
  • 1楼网友:动情书生
  • 2022-01-06 05:08
$("#table2 tr").slice(0,1).append($("#table1 tr").slice(0, 1)[0]);
  • 2楼网友:几近狂妄
  • 2022-01-06 04:32
jquery ui里有这个控件,制作的非常好,又有很多的可配置属性,很棒
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯