gpt4 book ai didi

jQuery 在表格中间添加一行

转载 作者:行者123 更新时间:2023-12-01 03:41:16 25 4
gpt4 key购买 nike

为什么第 3 行之后的插入不起作用?
我还应该使用其他方法吗?

<html>
<head>
<title>Table Add Row</title>

<script type="text/javascript" src="../jquery.js"></script>
<script language="JavaScript">

$("document").ready(function() {
//alert("document ready");

$("#EditComp tr:first").after('<tr><td>This row added after first</td></tr>');
$("#EditComp tr:last").after('<tr><td>This row added after last</td></tr>');

$('#EdRow3 tr').after('<tr><td>This row added after 3</td></tr>');

});
</script>
</head>
<body>
<table id="EditComp">
<tbody>
<tr id="EdRow1"><td>Row 1</td></tr>
<tr id="EdRow2"><td>Row 2</td></tr>
<tr id="EdRow3"><td>Row 3</td></tr>
<tr id="EdRow4"><td>Row 4</td></tr>
<tr id="EdRow5"><td>Row 5</td></tr>
</tbody>
</table>
</body>
</html>

为什么第 3 行之后的插入不起作用?
我还应该使用其他方法吗?

最佳答案

只需删除 JavaScript 代码中 #EdRow3 后面的 tr 即可。检查以下代码..

<html>
<head>
<title>Table Add Row</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script language="JavaScript">

$("document").ready(function() {
//alert("document ready");

$("#EditComp tr:first").after('<tr><td>This row added after first</td></tr>');
$("#EditComp tr:last").after('<tr><td>This row added after last</td></tr>');

$('#EdRow3').after('<tr><td>This row added after 3</td></tr>');

});
</script>
</head>
<body>
<table id="EditComp">
<tbody>
<tr id="EdRow1"><td>Row 1</td></tr>
<tr id="EdRow2"><td>Row 2</td></tr>
<tr id="EdRow3"><td>Row 3</td></tr>
<tr id="EdRow4"><td>Row 4</td></tr>
<tr id="EdRow5"><td>Row 5</td></tr>
</tbody>
</table>
</body>
</html>

关于jQuery 在表格中间添加一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19713342/

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