动态添加表格数据（jQuery、Vue）_vue添加表格数据 - CSDN文库

5星 · 超过95%的资源 51 浏览量更新于2023-03-16 评论收藏 61KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

动态添加表格数据（动态添加表格数据（jQuery、、Vue））

动态添加表格数据（动态添加表格数据（jQuery、、Vue））

一、一、jQuery动态插入表格数据动态插入表格数据

二、二、Vue动态插入表格数据的简单操作动态插入表格数据的简单操作

一、一、jQuery动态插入表格数据动态插入表格数据

1、效果图、效果图

2、参考代码、参考代码

图书信息

书籍名称书籍名称作者作者出版日期出版日期价格价格购买数量购买数量

var books = [{

id: 1,

author: '小明',

name: '小明去哪了',

date: '????-??-??',

price: 32,

count: 1

}, {

id: 2,

author: '小白',

name: '小白去哪了',

date: '????-??-??',

price: 22,

count: 1

}, {

id: 3,

author: '小黑',

name: '小黑去哪了',

date: '????-??-??',

price: 52,

count: 1

}, {

id: 4,

author: '小丽',

name: '小丽去哪了',

date: '????-??-??',

price: 66,

count: 1

}] //获取tr的个数

var trLen = $("#tb2").find("tr").length;

//数组的长度

var bLen = books.length;

while (true) {

//判断是否要追加tr

if (bLen + 1 - trLen != 0 && bLen + 1 - trLen > 0) {

//tr个数+1

trLen++;

//追加tr个数bLen+1-trLen

$("#tb2 tbody").append(

"

");

continue; //继续循环

} else {

break; //跳出循环

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论5

郭逗

2023-07-26

文件提供了基于jQuery和Vue的两种实现方式，方便读者选择适合自己的方法。

weixin_38607026

粉丝: 8
资源: 914

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈