$.data(data , "")
今天在二次开发的时候,看到源代码的新闻列表是Aajax获取的,点击新闻内容触发编辑,我没有看到新闻Id却能查到信息。
观看$.ajax遍历赋值过程中,$tr("<a>新闻内容</a>").data("data" , obj)绑定了此条新闻的JSOn数据,在编辑时候只要$.data("data") 就能获取到此数组
1.$data的基本语法
data([key],[value])
在元素上存放或读取数据,返回jQuery对象。
当参数只有一个key的时候,为读取该jQuery对象对应DOM中存储的key对应的值,值得注意的是,如果浏览器支持HTML5,同样可以读取该DOM中使用 data-[key] = [value] 所存储的值。参见最后一个示例。
当参数为两个时,为像该jQuery对象对应的DOM中存储key-value键值对的数据。
如果jQuery集合指向多个元素,那将在所有元素上设置对应数据。 这个函数不用建立一个新的expando,就能在一个元素上存放任何格式的数据,而不仅仅是字符串。
V1.4.3 新增用法, data(obj) 可传入key-value形式的数据。
2.$.data的实例子
2.1
在一个DIV上存放数据:<div><div>
Jquery代码;
- $("div").data("blah"); // undefined
- $("div").data("blah", "hello"); // blah设置为hello
- $("div").data("blah"); // hello
- $("div").data("blah", ); // 设置为86
- $("div").data("blah"); //
- $("div").removeData("blah"); //移除blah
- $("div").data("blah"); // undefined
2.2
在一个div上存取名/值对数据:<div><div>
Jquery代码;
- $("div").data("test", { first: , last: "pizza!" });
- $("div").data("test").first //16;
- $("div").data("test").last //pizza!;
3.我见过的
赋值:
- $.each(data, function (n, obj) {
- console.log(obj);
- if (currentStatus == "mReg") {
- // fillReg(obj);
- $("#task-table").append("<tr class='mReg'><th></th><th>" + obj.t.time + "</th><th colspan='3'>" + obj.t.rate + "%</th><th colspan='2'>" + obj.t.worktime + " </th></tr>");
- $.each(obj.lt, function (n, data) {
- // console.log(data);
- var tr = $("<tr><th>" + (n + ) + "</th><th ><a href='#' onclick='editTask(this)'> " + data.content + "</a></th><th>" + data.rate + "</th><th> " + data.project + "</th><th> " + data.category + "</th><th>" + data.worktime + "</th><th>" + data.endTimeSta + "</th></tr>");
- tr.find("a").data("data", data); //------------重点
- $("#task-table").append(tr);
- })
- }
- else
- {
- fillCou(obj);
- }
- });
编辑:
- var editTask = function(sender) {
- var obj = $(sender).data("data");
- //获取任务信息
- currentId = obj.id;
- $('#content').val(obj.content);
- $('#project').val(obj.project);
- $('#category').val(obj.category);
- $("#worktime").val(obj.worktime);
- $("#endtime").val(obj.endtime);
- $("#rateO").val(obj.rate);
- $("#rateO").text(obj.rate+"%");
- }
随机推荐
- Mac OX上安装MongoDb
MongoDB的安装有好多种安装方法,有普通青年的HomeBrew方式,也有文艺青年的源码编译方式.我只想快速的装起来用一下,所以我选最简单的HomeBrew. 请参考官方文档 : http://do ...
- ios网络编程学习
//网络访问获取数据//定义一个UIWebView属性,用来展示数据 @property (strong, nonatomic) IBOutlet UIWebView *myWebView; //.. ...
- iOS开发之──传感器使用 (转载)
在实际的应用开发中,会用到传感器,下面首先介绍一下iphone4的传感器,然后对一些传感器的开发的API作一简单介绍. AD:WOT2015 互联网运维与开发者大会 热销抢票 在实际的应用开发中,会用 ...
- 【iOS】使用safari对webview进行调试
[iOS]使用safari对webview进行调试 在web开发的过程中,抓包.调试页面样式.查看请求头是很常用的技巧.其实在iOS开发中,这些技巧也能用(无论是模拟器还是真机),不过我们需要用到ma ...
- AFNetworking讲解
#import "ViewController.h" //#import "AFNetworking/AFNetworking.h" #import " ...
- 网络热恋之json解析
现在的app开发很少有用到XML解析的了,主流的则是JSON. // // ViewController.m // CX-JSON解析(三方JSONKit-master) #import " ...
- 利用grep命令查找文件内容
例如查找PHP源码某个函数的具体实现 grep -rn "PHP_FUNCTION(socket_accept)" ./ext
- 转换Excel表格到MarkDown:exceltk
源码和下载: 源码:https://github.com/fanfeilong/exceltk 下载:http://files.cnblogs.com/files/math/exceltk0.0.9. ...
- Maven在Windows上的安装与配置
下载Maven 1.进入Maven官网下载:maven.apache.org(点击进入或复制浏览器地址栏,回车进入) 注意事项:需要大家要注意的是(截至目前2015年12月1日)最新版本的Maven3 ...
- Linux中如何解压iso类型文件
在Linux下如何解压iso类型的文件呢? 可以使用mount命令来处理 [root@DB-Server tmp]# ls /tmp/rhel-server-5.7-x86_64-dvd.iso /t ...