Jquery 如何在表格顶部和下方添加行<；th>；？

如何在表的顶部和下面（）添加一行

名称
放置
国家

在这里，我需要动态添加行。。。。 可能吗

基础知识
任何地方
任何国家
xyz
地方
任何国家
我的按钮
$（'but'）。在（'click'，函数（e）{
$（“#我的表格”）
.prepend（'newcol1newcol2newcol3'）；
});

使用

t正文

到

prepend

新行。否则，将在

th

之前添加新行

$('#but').on('click', function(e) {
    $('#mytable tbody')
    //          ^^^^^
        .prepend('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
});

$（'but'）。在（'click'，函数（e）{
$（“#我的表格正文”）
//          ^^^^^
.prepend（'newcol1newcol2newcol3'）；
});

使用

t正文

到

prepend

新行。否则，将在

th

之前添加新行

$('#but').on('click', function(e) {
    $('#mytable tbody')
    //          ^^^^^
        .prepend('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
});

$（'but'）。在（'click'，函数（e）{
$（“#我的表格正文”）
//          ^^^^^
.prepend（'newcol1newcol2newcol3'）；
});

使用

t正文

到

prepend

新行。否则，将在

th

之前添加新行

$('#but').on('click', function(e) {
    $('#mytable tbody')
    //          ^^^^^
        .prepend('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
});

$（'but'）。在（'click'，函数（e）{
$（“#我的表格正文”）
//          ^^^^^
.prepend（'newcol1newcol2newcol3'）；
});

使用

t正文

到

prepend

新行。否则，将在

th

之前添加新行

$('#but').on('click', function(e) {
    $('#mytable tbody')
    //          ^^^^^
        .prepend('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
});

$（'but'）。在（'click'，函数（e）{
$（“#我的表格正文”）
//          ^^^^^
.prepend（'newcol1newcol2newcol3'）；
});

我不知道您到底想要实现什么，但如果您正在尝试，请在表的顶部以及末尾添加相同的行，然后尝试以下操作

$('#but').on('click', function(e){
    $('#mytable')
        .prepend('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
     $('#mytable')
        .append('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
});

$（'but'）。在（'click'，函数（e）{
$（“#我的表格”）
.prepend（'newcol1newcol2newcol3'）；
$（“#我的表格”）
.append（'newcol1newcol2newcol3'）；
});

---

由于您没有指定任何内容，我使用了

，理想情况下您应该使用

。

我不知道您到底想要实现什么，但如果您正在尝试，请在表的顶部以及末尾添加同一行，然后尝试此操作

$('#but').on('click', function(e){
    $('#mytable')
        .prepend('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
     $('#mytable')
        .append('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
});

$（'but'）。在（'click'，函数（e）{
$（“#我的表格”）
.prepend（'newcol1newcol2newcol3'）；
$（“#我的表格”）
.append（'newcol1newcol2newcol3'）；
});

---

由于您没有指定任何内容，我使用了

，理想情况下您应该使用

。

我不知道您到底想要实现什么，但如果您正在尝试，请在表的顶部以及末尾添加同一行，然后尝试此操作

$('#but').on('click', function(e){
    $('#mytable')
        .prepend('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
     $('#mytable')
        .append('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
});

$（'but'）。在（'click'，函数（e）{
$（“#我的表格”）
.prepend（'newcol1newcol2newcol3'）；
$（“#我的表格”）
.append（'newcol1newcol2newcol3'）；
});

---

由于您没有指定任何内容，我使用了

，理想情况下您应该使用

。

我不知道您到底想要实现什么，但如果您正在尝试，请在表的顶部以及末尾添加同一行，然后尝试此操作

$('#but').on('click', function(e){
    $('#mytable')
        .prepend('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
     $('#mytable')
        .append('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
});

$（'but'）。在（'click'，函数（e）{
$（“#我的表格”）
.prepend（'newcol1newcol2newcol3'）；
$（“#我的表格”）
.append（'newcol1newcol2newcol3'）；
});

---

因为您没有指定任何内容，所以我使用了

，理想情况下，您应该使用

。

您发布的jQuery不起作用吗？出了什么问题？浏览器的JavaScript控制台中是否有错误？没有，代码正在运行。但问题是，在顶部添加行，我需要在中间添加行，您发布的jQuery是否不起作用？出了什么问题？浏览器的JavaScript控制台中是否有错误？没有，代码正在运行。但问题是，在顶部添加行，我需要在中间添加行，您发布的jQuery是否不起作用？出了什么问题？浏览器的JavaScript控制台中是否有错误？没有，代码正在运行。但问题是，在顶部添加行，我需要在中间添加行，您发布的jQuery是否不起作用？出了什么问题？浏览器的JavaScript控制台中是否有错误？没有，代码正在运行。但问题是，在顶部添加行，我需要在和之间添加行