Jquery操作js数组及对象示例代码


Posted in Javascript onMay 11, 2014

贴一段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(); 
        } 
    } 
}
Javascript 相关文章推荐
JavaScript 学习笔记(十一)
Jan 19 Javascript
基于jquery 的一个progressbar widge
Oct 29 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
Sep 30 Javascript
js创建子窗口并且回传值示例代码
Jul 02 Javascript
jquery 图片缩放拖动的简单实例
Jan 08 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 Javascript
jQuery div拖拽用法实例
Jan 14 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
Angular利用trackBy提升性能的方法
Jan 26 Javascript
vue 中动态绑定class 和 style的方法代码详解
Jun 01 Javascript
vue中父子组件的参数传递和应用示例
Jan 04 Vue.js
Jquery+asp.net后台数据传到前台js进行解析的方法
May 11 #Javascript
如何防止回车(enter)键提交表单
May 11 #Javascript
js取整数、取余数的方法
May 11 #Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
May 11 #Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
May 11 #Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
May 11 #Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
May 11 #Javascript
You might like
php数组函数序列之end() - 移动数组内部指针到最后一个元素,并返回该元素的值
2011/10/31 PHP
php中大括号作用介绍
2012/03/22 PHP
php设置允许大文件上传示例代码
2014/03/10 PHP
php接口隔离原则实例分析
2019/11/11 PHP
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
JavaScript Konami Code 实现代码
2009/07/29 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
2011/03/10 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
javascript四舍五入函数代码分享(保留后几位)
2013/12/10 Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
2014/06/30 Javascript
js+html5实现canvas绘制圆形图案的方法
2015/06/05 Javascript
javascript实现倒计时跳转页面
2016/01/17 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
微信小程序 石头剪刀布实例代码
2017/01/04 Javascript
JS中setTimeout和setInterval的最大延时值详解
2017/02/13 Javascript
JS实现图片手风琴效果
2020/04/17 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
vue中实现methods一个方法调用另外一个方法
2018/02/08 Javascript
Vue 项目分环境打包的方法示例
2018/08/03 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
[02:56]DOTA2英雄基础教程 巨魔战将
2013/12/10 DOTA
Python二进制串转换为通用字符串的方法
2018/07/23 Python
在pycharm中显示python画的图方法
2019/08/31 Python
HTMl5的存储方式sessionStorage和localStorage详解
2014/03/18 HTML / CSS
Dyson加拿大官方网站:购买戴森吸尘器,风扇,冷热器及配件
2016/10/26 全球购物
The North Face北面法国官网:美国著名户外品牌
2019/11/01 全球购物
高等教育学自荐书范文
2014/02/10 职场文书
《母亲的恩情》教学反思
2014/02/13 职场文书
2014年学校安全工作总结
2014/11/13 职场文书
2014年度考核工作总结
2014/12/24 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书
先进工作者主要事迹材料
2015/11/03 职场文书
Python基于百度AI实现抓取表情包
2021/06/27 Python
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js
Java字符缓冲流BufferedWriter
2022/04/09 Java/Android