DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery操作js數組及對象示例代碼
Jquery操作js數組及對象示例代碼
編輯:JQuery特效代碼     

貼一段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 DeleteWork(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();
        }
    }
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved