這次帶給大家Jquery操作js陣列及物件步驟詳解,Jquery操作js陣列及物件的注意事項有哪些,下面就是實戰案例,一起來看一下。
貼一段jQuery對js物件及陣列的操作:增刪改查的程式碼。
var WorkList = new Array();//数组对象 //下面是自己定义的实体 function WorkEx(depart, title, begintime, endtime) { this.SId = 0; this.Id = -(WorkList.length+1); this.DepartmentName = depart; this.Title = title; this.BeginTime = begintime; this.EndTime = endtime; this.Description = ""; this.Enable = 0; return this; } function Delete Work(guid) { WorkList = $.grep(WorkList, function (val, key) { return val.Id != guid; }); ShowWork(); } function ShowWork() { var html = ""; $.each(WorkList, function (key, val) { html = html + " <span class=\"add_work_unit\">" + val.DepartmentName + ":" + val.Title + ",任职时间:" + GetJsDate(val.BeginTime) + "到" + GetJsDate(val.EndTime) + "<a href=\"#\" onclick ='DeleteWork(\"" + val.Id + "\")'>×</a></span>"; }); $("#tdWorkList").html(html); } function AddWork() { if(CheckIsNull("workaddress","工作地址不能为空") && CheckIsNull("worklevel", "职责不能为空") && CheckIsNull("WorkBegin", "工作开始日期不能为空") && CheckIsNull("WorkLeave", "工作结束日期不能为空") ) { var isok = true; $.each(WorkList, function (key, val) { if (val.DepartmentName == $("#workaddress").val() && val.Title == $("#worklevel").val() && val.BeginTime == $("#WorkBegin").val() && val.EndTime == $("#WorkLeave").val() ) { alert("存在相同的工作经历。"); isok= false; } }); if (isok){ var onework = new WorkEx($("#workaddress").val(), $("#worklevel").val(), $("#WorkBegin").val(), $("#WorkLeave").val()) WorkList.push(onework); // <span class="add_work_unit">四川省乐天区某某制药厂<a href="#">×</a></span> ShowWork(); } } }
我相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是Jquery操作js數組及物件步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!