jQuery 数据 - jQuery.data() 方法
实例
向元素附加数据,然后取回该数据:
$("#btn1").click(function(){ $("div").data("greeting", "Hello World"); }); $("#btn2").click(function(){ alert($("div").data("greeting")); });
从元素返回数据
从被选元素中返回附加的数据。
语法
$(selector).data(name)
参数 | 描述 |
---|---|
name | 可选。规定要取回的数据的名称。 如果没有规定名称,则该方法将以对象的形式从元素中返回所有存储的数据。 |
向元素附加数据
向被选元素附加数据。
语法
$(selector).data(name,value)
参数 | 描述 |
---|---|
name | 必需。规定要设置的数据的名称。 |
value | 必需。规定要设置的数据的值。 |
使用对象向元素附加数据
使用带有名称/值对的对象向被选元素添加数据。
语法
$(selector).data(object)
参数 | 描述 |
---|---|
object | 必需。规定包含名称/值对的对象。 |
以上来自:http://www.w3school.com.cn/jquery/data_jquery_data.asp
实例:
$("li").data("data"+i,data[i]);//i为循环变量 data[i] 为obj 存入data[i]数据,name为 data+i
function passValue(num){
$("li").data("data"+num);
//根据不同的num取出不同的data存储的值
}
JQuery简单操作
判断为空:$("#companyName").val() == ""
赋值为空:$("#companyId").val("");
清空子节点:$("#searchResult").empty();
取节点text:$("#searchResult").text();
插入子节点:
var $li=$('<li id="li_'+i+'" style="background: url(../images/mapSearch/icon_'+(i+1)+'.png) no-repeat 0;">'+
'<a href="#" οnclick="passValue('+i+');"><div class="class1">'+data[i].name+'</div><div class="class2">发生地点:'+data[i].address+"</div></a></li>");
$("#searchResult").append($li);
字符串操作:
var str=$("#li_"+num).text();
$("#companyName").val(str.substr(0,str.indexOf("发")));//取子串 查找目的字符
$("#accPlace").val(str.substr(str.indexOf("发")+5,str.length));