展开全部

你好！

使用原62616964757a686964616fe78988e69d8331333431353366生js实现，还是可以使用其他框架？

我这里有个基于jquery的实现：$(document).ready(function(){

function Info(id, name, birthday, workDate, skill, experience){

var _tr  = $('

');

var _td1 = $('

');

var _td2 = $('

'+id+'');

var _td3 = $('

');

var _td4 = _td3.clone();

var _td5 = _td3.clone();

var _td6 = _td3.clone();

var _td7 = _td3.clone();

_td3.find("input").val(name);

_td4.find("input").val(birthday);

_td5.find("input").val(workDate);

_td6.find("input").val(skill);

_td7.find("input").val(experience);

var _td8 = $('

×').on('click','.delRow', function(){

$(this).parents("tr").remove();

});

_tr.append(_td1).append(_td2).append(_td3).append(_td4).append(_td5)

.append(_td6).append(_td7).append(_td8);

return _tr;

}

function addInfo(info) {

$("#list").append(info);

}

function bindDelRowEvents() {

$(".delRow").on('click', function(){

$(this).parents("tr").remove();

});

}

var _id = 1;

$("#add").click(function(){

var _info = Info(++_id, 'Hellopen'+_id, '1985/07/11', '2012/01/22', 'HTML', '3年');

addInfo(_info);

});

for(var i=0;i<4;i++){

$("#add").click();

}

bindDelRowEvents();

});

+×

对增加和删除的标签做了一点修改;

希望对你有帮助！