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();
        }
    }
}

时间: 2024-11-02 06:49:56

Jquery操作js数组及对象示例代码_jquery的相关文章

jQuery打印图片pdf、txt示例代码_jquery

html加如下代码 <div style="display:none"> <div id="to_print"></div> <input type="button" id="print_button" value="Print" onclick="document.getElementById('FILEtoPrint').focus(); docume

jquery Mobile入门—外部链接切换示例代码_jquery

1.内部链接是通过在<a>标签内将href属性值设为#+id的形式,外链则是在<a>中增加rel属性,并将属性值设为external,如:<a href="about.html" rel="external">3i Studio</a> 2.外部链接切换示例代码: 复制代码 代码如下: <!DOCTYPE HTML > <!DOCTYPE HTML PUBLIC "-//W3C//DTD H

jquery+json实现数据列表分页示例代码_jquery

该实例中,新闻数据列表未使用表格显示.下面将所有源码附上,其中用到jquery插件. 复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <c:

jquery animate图片模向滑动示例代码_jquery

这个对象中每个属性都表示一个可以变化的样式属性(如"height"."top"或"opacity"). 注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到多少时动画结束.如果是一个数值,样式属性就会从当前的值渐变到指定的值.如果使用的是"hide"."show"或"toggle"这样的字符串值,则会为该属性调用默认

Jquery实现搜索框提示功能示例代码_jquery

博客的前某一篇文章中http://www.jb51.net/article/35175.htm写过一个用Ajax来实现一个文本框输入的提示功能.最近在一个管理项目的项目中,使用后发现,真的反应很慢,数据量很大的情况下使用Ajax去实现真的不合适,于是,我又写了一个使用Jquery来实现方法. 废话不多说,上图上代码:  引用方式: 复制代码 代码如下: <body style="background-color: White;"> <form id="for

jQuery操作input type=radio的实现代码_jquery

<input type="radio">如下: 复制代码 代码如下: <input type="radio" name="city" value="BeiJing">北京 <input type="radio" name="city" value="TianJin">天津 <input type="radio&quo

jquery右下角弹出提示框示例代码_jquery

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

jquery制作select列表双向选择示例代码_jquery

jquery制作的select列表双向选择,兼容性肯定是不错的,需要的朋友可以学习下 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"&

jQuery异步验证用户名是否存在示例代码_jquery

现在有个需求就是异步验证用户名是否存在.用的技术是jQuery异步验证和struts2(其实springMVC也是一样的道理,都只是一个控制器). 表单: 复制代码 代码如下: <input class="width150" maxlength="32" type="text" id="dept_name" name="dept.dept_name" value="${dept.dept_n