jQuery提交表单，区分添加和编辑的不同操作

Question

程序概述：1、一个表单（显式）2、一个模态框（隐式）：负责添加和编辑数据的功能3、表单有添加，编辑，删除按钮需求及问题：添加功能和编辑功能是公用一个模态框，那么如何区分对待这两个功能的数据提交PS；我把代码放codepen上了，方便的话可移步此传送门：https://codepen.io/mengjielee...源代码clone*{margin:0;padding:0;}.wrapper{background:rgba(0,0,0,.6);position:fixed;top:0;right:0;bottom:0;left:0;}.modal{position:absolute;top:50%;left:50%;width:200px;height:300px;margin-top:-150px;margin-left:-100px;background:silver;text-align:center;}.hide{display:none;}添加#姓名爱好操作1lmjswim2clyloving姓名爱好//添加按钮$("#add").click(function(){$(".wrapper").removeClass("hide");});//若点击确定，则新建表格一条记录$("#handle").click(function(){//保存用户输入的添加对象的值varunameVal=$("#uname").val();varuhobbyVal=$("#uhabby").val();//克隆操作的两个按钮：编辑，删除var$clEle=$("tbodytr:first").find("td:last").clone(true);//序号自增//方法一var$curEle=$("tabletr:last");varindexVal=$($curEle.find("td")[0]).text();indexVal=Number(indexVal)+1;//方法二//varindexVal=$("tabletr").length;//varnewEle=document.createElement("tr");$(newEle).html("");//插入表格最后$(newEle).insertAfter($curEle);//将事先保存的值初始化给新记录$($(newEle)).find("td:first").text(indexVal);$($(newEle)).find("td").eq(1).text(unameVal);$($(newEle)).find("td").eq(2).text(uhobbyVal);$($(newEle)).find("td:last").html($clEle.html());$("#uname").val("");$("#uhabby").val("");$(".wrapper").addClass("hide");});//若点击取消，则清空文本框内容$("#cancle").click(function(){$("#uname").val("");$("#uhabby").val("");$(".wrapper").addClass("hide");});//点击编辑$(".edit").click(function(){//显示模版框$(".wrapper").removeClass("hide");//获得当前记录tr的对象//console.log($(this).parents().eq(1));var$tdEles=$(this).parents().eq(1).find("td");//将当前行的值初始化文本框//console.log($tdEles.eq(1).text());//console.log($tdEles.eq(2).text());$("#uname").val($tdEles.eq(1).text());$("#uhabby").val($tdEles.eq(2).text());});//点击删除$(".del").click(function(){//获得当前记录tr的对象//console.log($(this).parents().eq(1));$(this).parents().eq(1).remove();});