html表格在行中加图片,如何使用jQuery在表中添加表行？

jQuery可用于动态添加表行。这可以在web应用程序中使用，如果需要，用户可以根据需要添加很多行。下面本篇文章就来给大家介绍一下使用jQuery在表中添加表行的方法，希望对大家有所帮助。

使用jQuery在表中添加表行的步骤：

●　构造表行所需的标签markup = "

+ information + "

●　选择要添加表行的表体tableBody = $("table tbody")

●　将标签添加到表体中tableBody.append(markup)

示例：

table {

margin: 25px 0;

width: 200px;

}

table th, table td {

padding: 10px;

text-align: center;

}

table, th, td {

border: 1px solid;

}

单击按钮，向表中添加一行

添加表行

表行

这是第0行

let lineNo = 1;

$(document).ready(function () {

$(".add-row").click(function () {

markup = "

这是第" + lineNo + "行";

tableBody = $("table tbody");

tableBody.append(markup);

lineNo++;

});

});

效果图：