gpt4 book ai didi

javascript - Jquery - 将行从一个表复制到另一个表

转载 作者:行者123 更新时间:2023-11-27 22:34:45 25 4
gpt4 key购买 nike

我是 jquery 和 javascript 的新手,我正在尝试编写一个简单的应用程序,当我按下按钮时,它将一行从一个表复制到另一个表,然后从第一个表中删除该行。我有一个工作正常的 DeleteRow 函数,但我无法让我的 "DraftPlayer" 函数复制该行。我已经尝试了很多在网上找到的解决方案,但我无法获得正确的语法。当我解决这个问题时,您将看到表中只有第二行有 DraftPlayer 按钮。

以下是我认为至关重要的代码片段:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
//<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
<div>&nbsp;</div>
<p>Welcome to Mike's Draft App! </p>
<table id="players">
<table border="1">
<tr>
<td width="36"> Rank </td>
<td width="141"> Player Name </td>
<td width="52">Position </td>
<td width="38">Team </td>
<td width="69"> Bye Week </td>
<td width="52"><input type="button" value="Delete" onClick="DeleteRow(this)"></td>
</tr>
<tr>
<td>1</td>
<td>Antonio Brown</td>
<td>WR</td>
<td>PIT</td>
<td>8</td>
<td><input type="button" value="Delete" onClick="DeleteRow(this)"></td>
<td width="103">&nbsp;</td>
</tr>
<tr>
<td>2</td>
<td>Julio Jones</td>
<td>WR</td>
<td>ATL</td>
<td>11</td>
<td><input type="button" value="Delete" onClick="DeleteRow(this)"></td>
<td><input type="button" value="Draft" onClick="DraftPlayer(this)"></td>
</tr>

<table id="drafted">
<table border="1">
<tr>
<td width="36"> Rank </td>
<td width="141"> Player Name </td>
<td width="52">Position </td>
<td width="38">Team </td>
<td width="69"> Bye Week </td>
</tr>
</table>


<script>
function DeleteRow(o) {
var p=o.parentNode.parentNode;
p.parentNode.removeChild(p);
}

function DraftPlayer(o) {
var p=o.parentNode.parentNode;

copyTable = $('#drafted tbody');
cloneRow = p.clone();
copyTable.append(cloneRow);

p.parentNode.removeChild(p);

}
</script>
</body>
</html>

感谢您的建议!

最佳答案

您选择的 $('#drafted tbody'); 根本不存在于 DOM 中,因此您什么也得不到。您需要将 tbody 添加到表格中,或者需要更改选择器。

<table id="drafted">
<tbody>
<tr>
<th width="36"> Rank </th>
<th width="141"> Player Name </th>
<th width="52">Position </th>
<th width="38">Team </th>
<th width="69"> Bye Week </th>
</tr>
</tbody>
</table>

function DraftPlayer(o) {
var p = $(o).closest('tr');
copyTable = $('#drafted tbody');
cloneRow = p.clone();
copyTable.append(cloneRow)
p.remove();

}

关于javascript - Jquery - 将行从一个表复制到另一个表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39226232/

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