使用JS或jQuery更新data- *

Question

有没有办法使用data-*或div来更新JavaScript的{​​{1}}（HTML5）元素的值？

Answer 1

如果您使用jQuery

，则可以使用jQuery.prototype.attr或jQuery.prototype.data

$(selector).attr('data-something', 'stuff')

$(selector).data('something', 'stuff')

或者您可以将dataset或Element.prototype.setAttribute用于vanilla javascript

document.querySelector(selector).dataset['something'] = 'stuff' document.querySelector(selector).dataset.something = 'stuff' document.querySelector(selector).setAttribute('data-something') = 'stuff'

Answer 2

简单

<div data-xyz="50">

$("div").data("xyz",30)