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 相关文章推荐
学习YUI.Ext 第三天
Mar 10 Javascript
javascript 写类方式之五
Jul 05 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
Mar 07 Javascript
js中的replace方法使用介绍
Oct 28 Javascript
jQuery实现折线图的方法
Feb 28 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
Dec 03 Javascript
Javascript实现一个简单的输入关键字添加标签效果实例
Jun 01 Javascript
vue通过watch对input做字数限定的方法
Jul 13 Javascript
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
Sep 18 Javascript
Vue可自定义tab组件用法实例
Oct 24 Javascript
js正则匹配多个全部数据问题
Dec 20 Javascript
如何用JavaScript实现一个数组惰性求值库
May 05 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
十天学会php之第五天
2006/10/09 PHP
php隐藏实际地址的文件下载方法
2015/04/18 PHP
Yii框架弹出窗口组件CJuiDialog用法分析
2017/01/07 PHP
jQuery Ajax使用 全解析
2010/12/15 Javascript
iframe 异步加载技术及性能分析
2011/07/19 Javascript
document.write()及其输出内容的样式、位置控制
2013/08/12 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
2014/06/14 Javascript
jQuery $命名冲突解决方案汇总
2014/11/13 Javascript
BOM系列第二篇之定时器requestAnimationFrame
2016/08/17 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
2020/06/29 Javascript
js中let和var定义变量的区别
2018/02/08 Javascript
基于iview的router常用控制方式
2019/05/30 Javascript
vue移动端城市三级联动组件使用详解
2019/07/26 Javascript
vue柱状进度条图像的完美实现方案
2019/08/26 Javascript
LayUI数据接口返回实体封装的例子
2019/09/12 Javascript
微信小程序wx.request的简单封装
2019/11/13 Javascript
KnockoutJS数组比较算法实例详解
2019/11/25 Javascript
Vue数字输入框组件示例代码详解
2020/01/15 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
2020/11/03 Javascript
[00:17]天涯墨客一技能展示
2018/08/25 DOTA
python计算圆周长、面积、球体体积并画出圆
2014/04/08 Python
Python ORM框架SQLAlchemy学习笔记之数据查询实例
2014/06/10 Python
Python 常用的安装Module方式汇总
2017/05/06 Python
对python3 urllib包与http包的使用详解
2018/05/10 Python
python单例模式实例解析
2018/08/28 Python
从DataFrame中提取出Series或DataFrame对象的方法
2018/11/10 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
Flask框架学习笔记之表单基础介绍与表单提交方式
2019/08/12 Python
浅谈matplotlib.pyplot与axes的关系
2020/03/06 Python
解决selenium+Headless Chrome实现不弹出浏览器自动化登录的问题
2021/01/09 Python
英国最大线上综合鞋类商城:Office
2017/12/08 全球购物
《罗布泊,消逝的仙湖》教学反思
2014/03/01 职场文书
承租经营合作者协议书
2014/10/01 职场文书
保管员岗位职责
2015/02/14 职场文书
css实现左上角飘带效果的完整代码
2022/03/18 HTML / CSS
搞笑Gif:这么白这么长的腿像极了一楼的女朋友
2022/03/21 杂记