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 相关文章推荐
js异或加解密效果代码
Jun 25 Javascript
firefo xml 读写实现js代码
Jun 11 Javascript
jQuery实现无限往下滚动效果代码
Apr 16 Javascript
深入理解MVC中的时间js格式化
May 19 Javascript
Angularjs的Controller间通信机制实例分析
Nov 07 Javascript
简单理解js的prototype属性及使用
Dec 07 Javascript
BOM之navigator对象和用户代理检测
Feb 10 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
Feb 11 Javascript
详解axios在vue中的简单配置与使用
May 10 Javascript
vue+springmvc导出excel数据的实现代码
Jun 27 Javascript
vue style width a href动态拼接问题的解决
Aug 07 Javascript
如何用JavaScript学习算法复杂度
Apr 30 Javascript
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
使用Apache的rewrite技术
2006/06/22 PHP
mysql5写入和读出乱码解决
2006/11/25 PHP
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-3 代码组织和重用2
2011/07/03 PHP
destoon调用自定义模板及样式的公告栏
2014/06/21 PHP
php实现数组重复数字统计实例
2018/09/30 PHP
学习ExtJS TextField常用方法
2009/10/07 Javascript
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
九种js弹出对话框的方法总结
2013/03/12 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
2013/07/09 Javascript
js实现ArrayList功能附实例代码
2014/10/29 Javascript
JavaScript结合AJAX_stream实现流式显示
2015/01/08 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
js确认框confirm()用法实例详解
2016/01/07 Javascript
JavaScript html5 canvas绘制时钟效果(二)
2016/03/27 Javascript
原生js的RSA和AES加密解密算法
2016/10/08 Javascript
js实现文字选中分享功能
2017/01/25 Javascript
jQuery中ajax获取数据赋值给页面的实例
2017/12/31 jQuery
vue-infinite-loading2.0 中文文档详解
2018/04/08 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
2018/05/30 Javascript
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
vue.js实现照片放大功能
2020/06/23 Javascript
jquery实现图片放大镜效果
2020/12/23 jQuery
用Python进行基础的函数式编程的教程
2015/03/31 Python
Python使用Django实现博客系统完整版
2020/09/29 Python
简单介绍django提供的加密算法
2019/12/18 Python
AmazeUI中各种的导航式菜单与解决方法
2020/08/19 HTML / CSS
Trip.com香港网站:Ctrip携程旗下,全球最大的网上旅游社之一
2016/08/01 全球购物
打造经典复古风格的品牌:Alice + Olivia(爱丽丝+奥利维亚)
2016/09/07 全球购物
行政助理岗位职责
2013/11/10 职场文书
个人投资计划书
2014/05/01 职场文书
党的群众路线学习材料
2014/05/16 职场文书
应届大学生求职信
2014/07/20 职场文书
竞选班干部演讲稿100字
2014/08/20 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
办公用品质量保证书
2015/05/11 职场文书
动画「进击的巨人」第86话播出感谢绘公开
2022/03/21 日漫