国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用jQuery獲取data-的自定義屬性

2019-11-20 11:18:47
字體:
來源:轉載
供稿:網友

廢話少說,先上代碼

jQuery.fn.dataset = function(attr, val) {    // 獲取數據集    if (arguments.length == 0) {      var dataset = {};      jQuery(this).eq(0).each(function() {        var attrs = this.attributes;        for (var i = 0, l = attrs.length; i < l; i++) {          var attr = attrs[i];          if (/^data-/i.test(attr.name)) {            dataset[decode(encode(attr.name.substring(5)))] = autobox(attr.value);            if (decode(encode(attr.name.substring(5))) == "path") {              dataset[decode(encode(attr.name.substring(5)))] = attr.value != null ? String(attr.value) : null;            }            if (decode(encode(attr.name.substring(5))) == "name") {              dataset[decode(encode(attr.name.substring(5)))] = attr.value != null ? String(attr.value) : null;            }          }        }      });      return dataset;    }    // 返回指定數據    if (arguments.length == 1 && typeof attr != 'object') {      if(encode(attr) == "data-path"){        return this.attr(encode(attr));      }      return autobox(this.attr(encode(attr)));    }    // 設置數據集    var dataset = attr;    if (typeof attr != 'object') {      dataset = {};      dataset[attr] = String(val);    }    var tmp = {};    jQuery.each(dataset, function(k, v) {      tmp[encode(k)] = autobox(v);    });    return this.attr(tmp);  };

通過jQuery制作組件,可以輕松獲取到我們data-的自定義屬性,也可以給data-屬性來賦值。

獲取:

$("div").dataset("name") //獲取data-name的值

賦值:

$("div").dataset("name","Tezml") //給data-name這個屬性賦值為Tezml

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 祥云县| 高雄县| 珠海市| 梅河口市| 涟源市| 垫江县| 天门市| 武夷山市| 安福县| 蓬溪县| 赤城县| 海林市| 清远市| 平江县| 土默特右旗| 高平市| 广河县| 海原县| 瓮安县| 托克逊县| 江门市| 子洲县| 江山市| 白河县| 桃园县| 鹿泉市| 大冶市| 罗江县| 乃东县| 宁夏| 阜城县| 南通市| 周口市| 三门县| 雷波县| 宁城县| 河东区| 修武县| 九寨沟县| 古蔺县| 凤台县|