使用 JS 或 jQuery 更新数据-*

Question

有没有一种方法，以更新的值data-*（HTML5的）元素div与JavaScript或jQuery？

Answer 1

您可以使用jQuery.prototype.attr或者jQuery.prototype.data如果您使用 jQuery

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

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

或者您可以使用dataset或Element.prototype.setAttribute用于香草javascript

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