在前端开发中，我们经常需要向表格中添加新的行来展示数据。使用jQuery可以轻松地实现这个功能，本文将介绍如何在特定索引位置插入新行到表格中。
准备工作
在开始之前，请确保你已经在页面上引入了jQuery库文件。如果没有，可以从官方网站（https://jquery.com/）下载或者使用CDN链接。
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
插入新行
通过jQuery可以使用 insertRow() 方法在特定位置创建一个新行，并插入到表格中。该方法接受一个参数 - 待插入的行的索引位置。以下代码演示如何向表格中插入一行到第2个位置：
-- -------------------- ---- -------
------ -------------
----
-----------
-----------
-----
----
-----------
-----------
-----
----
-----------
-----------
-----
--------
------- ----------------------------
--------
---------------------------- -
-------------------------------- -
--- ----- - -----------------------------------
--- --- - -------------------
--- ----- - ------------------
--- ----- - ------------------
--------------- - -----
--------------- - -----
---
---
---------在上面的示例代码中，我们在表格 myTable 中添加了一个按钮 insertBtn，当点击该按钮时会触发一个事件。事件处理程序会在表格的第2个位置插入一行，并向该行的单元格中添加姓名和年龄数据。
总结
使用jQuery可以轻松地实现向表格中插入新行的功能。通过 insertRow() 方法可以在指定索引位置创建新的行，并使用 insertCell() 方法为新行添加单元格。开发者可以根据具体需求调整插入行的位置和单元格内容。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10957
