10 examples of 'jquery get data attribute' in JavaScript

275
function getDataAttribute( element, attribute ) {
276
	if ( supportsDataset ) {
277
		return element.dataset[attribute];
278
	}
279
	else {
280
		return element.getAttribute( 'data-' + attribute );
281
	}
282
}

59
function getDataAttribute(element, name) {
60
    if ('dataset' in element) {
61
        return element.dataset[name];
62
    } else {
63
        return element.getAttribute('data-' + hyphenize(name));
64
    }
65
}

195
function data(el, prop, value) {
196
  var prefix = 'data';
197
  var elData = el[prefix] || {};
198
  if (typeof value === 'undefined') {
199
    if (el[prefix] && el[prefix][prop]) {
200
      return el[prefix][prop];
201
    } else {
202
      var dataAttr = el.getAttribute(prefix + '-' + prop);
203
      if (typeof dataAttr !== 'undefined') {
204
        return dataAttr;
205
      }
206
      return null;
207
    }
208
  } else {
209
    elData[prop] = value;
210
    el[prefix] = elData;
211
    return el;
212
  }
213
}

44
function dataAttr( el, attr ) {
45
    var data = el.getAttribute( 'data-' + attr );
46
47
    try {    // JSON.parse可能报错
48
49
        // 当data===null表示，没有此属性
50
        data = data === null ? undefined : data === 'true' ? true :
51
                data === 'false' ? false : data === 'null' ? null :
52
53
                // 如果是数字类型，则将字符串类型转成数字类型
54
                +data + '' === data ? +data :
55
                /(?:\{[\s\S]*\}|\[[\s\S]*\])$/.test( data ) ?
56
                JSON.parse( data ) : data;
57
    } catch ( ex ) {
58
        data = undefined;
59
    }
60
61
    return data;
62
}

144
function data (node, attr) {
145
  return node.getAttribute('data-' + attr)
146
}

53
function getDataFromAttr (selector, attr, $) {
54
  const data = $(selector) ? $(selector)[0] : null
55
  let valueToReturn = null
56
57
  if (data) {
58
    const { attribs: { [attr]: value } } = data
59
60
    console.log({value})
61
    valueToReturn = value
62
  }
63
64
  return valueToReturn
65
}

491
getData(el, name: string): string { return this.getAttribute(el, 'data-' + name); }

126
function data(elm, name, value) {
127
128
    if (value === undefined) {
129
        if (typeof name === "object") {
130
            for (var dataAttrName in name) {
131
                _setData(elm, dataAttrName, name[dataAttrName]);
132
            }
133
            return this;
134
        } else {
135
            return _getData(elm, name);
136
        }
137
    } else {
138
        _setData(elm, name, value);
139
        return this;
140
    }
141
}

205
function getData($element) {
206
	return $element.data(namespace);
207
}

196
function getData($element) {
197
	return $element.data(namespaceDash);
198
}