jQuery实现列表的增加和删除功能

具体代码如下所示：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title jquery/title style/style/head dy div table style=' margin 3360 10px auto；id=' TableList ' ad tr th name/th price/th delete/th/tr/ad t body tr TDA/TD TD TD TD 123/TD TDA href=' # ' rel=' external nofollow ' rel=' external nofollow ' delete/a/TD/tr TDC/TD TD TD TD 3453/TD TDA href=' # rel=' external nofollow ' rel=' external nofollow ' delete/a/TD/tr/t body/div form table style=' margin 33366 tr tdname/TD tdinput type=' text ' name=' name '/TD/tr tdprice/TD tdinput type=' text ' name=' price '/TD/tr TD colspan=' 2 ' input type=' submit ' value=' submit ' id=' add '/TD/tr/table/formscript src=' http 3360 ./js/厂商/jquery-3。2 .1 .量滴js '/script脚本var $ tableList=$(' # tableList ')；//天嘉$('#add ').单击(function(){ var TDNAmE=$(' input[name=name]').val()；var TDprice=$(' input[name=price]').val()；$('tr/tr ').追加(' td' tdName '/td ').追加(' td' tdPrice '/td ').追加(' tda href='#？'删除/a/td ' .appendo($(' # tablelistbride ')).查找(' a ').单击(function(){ $(this)).父项()。父项()。移除();});$(“输入[name=name]”).val(" ")；$("输入[name=price]”.val(" ")；返回false })//删除$(' # TableListBody a ').单击(function(){ $(this)).父项()。父项()。移除();})/脚本/正文/html总结

以上所述是小编给大家介绍的框架实现列表的增加和删除功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！