Javascript 在从json文件导入表格数据时，将模式按钮添加到html表格行中

$（'.toggleModal'）。打开（'click'，函数（e）{
$（'.modal'）.toggleClass（'active'）；
});
html{
字体：0.75em/1.5无衬线；
颜色：#333；
背景色：#fff；
填充：1em；
}
/*桌子*/
桌子{
宽度：100%；
边缘底部：1米；
边界塌陷：塌陷；
边界：1px；
}
th{
字体大小：粗体；
背景色：#ddd；
}
运输署{
填充：0.5em；
边框：1px纯黑；
}
tr:n个孩子（偶数）{
背景色：#ddd；
}
a、 钮扣{
-webkit外观：按钮；
-moz外观：按钮；
外观：按钮；
文字装饰：无；
颜色：首字母；
}		
@字体{
字体系列：“ios7图标”；
src:url（“//ios7-icon-font-demo.herokuapp.com/font/ios7-icon.woff”）格式（“woff”），url（//ios7-icon-font-demo.herokuapp.com/font/ios7-icon.ttf”）格式（“ttf”）；
字体大小：正常；
字体风格：普通；
}
*，*：之前，*：之后{
-moz框大小：边框框；
-webkit框大小：边框框；
框大小：边框框；
}
身体{
填充：50px；
字体系列：“Helvetica Neue”！重要；
字体大小：300；
}
.包装纸{
最大宽度：500px；
保证金：0自动；
}
h1{
字号：100；
字体大小：45px；
颜色：#007aff；
}
氢{
字号：500；
字号：21px；
边缘底部：15px；
}
部分{
边缘顶部：30px；
}
第p节{
线高：1.4；
边缘底部：20px；
}
钮扣{
-webkit外观：无；
-moz外观：无；
-ms外观：无；
-o-外观：无；
外观：无；
-moz边界半径：6px；
-webkit边界半径：6px；
边界半径：6px；
边界：无；
大纲：无；
字体：继承；
光标：指针；
保证金：0；
填充：0；
背景：浅蓝色；
颜色：#007aff；
字体大小：300；
字体大小：14px；
-moz边界半径：0px；
-webkit边界半径：0px；
边界半径：0px；
/*&：第n个孩子（偶数）{*/
/*背景：白色*/
/* } */
/*&：最后一个孩子{
边框颜色：红色；
页边距底部：0；
}*/
}
按钮：悬停{
文字装饰：下划线；
}
按钮。按钮边框{
-moz边界半径：5px；
-webkit边界半径：5px；
边界半径：5px；
填充：10px 12px 8px 12px；
边框：1px实心#007aff；
}
按钮。按钮边框：悬停{
背景：#007aff；
颜色：#ffffff；
文字装饰：无；
} 
button.button-success{
/颜色：#4dd865*/
边框颜色：#4dd865；
} 
按钮。按钮成功：悬停{
背景#4dd865；
} 
button.button错误{
颜色：#ff3b30；
边框颜色：#ff3b30；
} 
按钮。按钮错误：悬停{
背景#ff3b30；
} 
.莫代尔{
显示：无；
位置：固定；
最高：50%；
左：50%；
宽度：430px；
高度：自动；
左边距：-200px；
利润上限：-150px；
背景色：#ffffff；
填充：25px；
边界半径：5px；
z指数：10；
盒影：09999px rgba（0,0,0,0.5）；
}
.modal.active{
显示：块；
}
.模态标题{
位置：相对位置；
}
.模态h2{
文本对齐：居中；
}
.莫代尔，结束{
位置：绝对位置；
顶部：3px；
右：0；
保证金：0；
}
.向右拉{
浮动：对；
}
.图标{
显示：内联块；
字体大小：继承；
字体系列：圆形；
右边距：5px；
颜色：继承；
-webkit文本呈现：几何精度；
-moz文本呈现：几何精度；
-ms文本呈现：几何精度；
-o-文本呈现：几何精度；
文本呈现：几何精度；
}

$（函数（）{
var people=[]；
$.getJSON（'people.json'，函数（数据）{
每人$（数据、人员、职能（i、f）{
var tblRow=“+++++++++f.lastName+++++f.job+++++f.roll+++++f.hours++”
$（tblRow）.appendTo（“#userdata tbody”）；
});
});
});
雇员
雇员姓名
ChargeNum
小时
时间表批准
123
迈克
10
40
时间表批准
雇员
雇员姓名
ChargeNum
小时
时间表批准
雇员
雇员姓名
ChargeNum
小时
时间表批准
雇员
雇员姓名
ChargeNum
小时
接近
要批准时间表并将其提交给WAM，请按“批准”，要拒绝时间表供以后查看，请按“不批准”

批准
<不赞成
我在下面发布了一段代码片段。我注释掉了原始的
$.getJson
函数，并将
people.json
的内容加载到一个对象中。然后，我遍历，使用jQuery创建按钮和行，并将其附加到
#userdata tbody
。如果你有问题，请告诉我


$（'.toggleModal'）。打开（'click'，函数（e）{
$（'.modal'）.toggleClass（'active'）；
});
html{
字体：0.75em/1.5无衬线；
颜色：#333；
背景色：#fff；
填充：1em；
}
/*桌子*/
桌子{
宽度：100%；
边缘底部：1米；
边界塌陷：塌陷；
边界：1px；
}
th{
字体大小：粗体；
背景色：#ddd；
}
运输署{
填充：0.5em；
边框：1px纯黑；
}
tr:n个孩子（偶数）{
背景色：#ddd；
}
a、 钮扣{
-webkit外观：