jquery - 使用 jquery 更改数据属性

Question

我该如何改变

<div data-300=""></div>

至

<div data-500=""></div>

使用jQuery？

我不想删除该属性并替换它，因为它包含我需要的数据我只需将“300”更改为“500”。

Answer 1

根本不是通用的，但它应该可以完成工作

var $target = $('div[data-300]'),
    oldData = $target.data('300');

$target.removeAttr('data-300').attr({ 'data-500': oldData });

Answer 2

这是您可以使用的功能：

function attrChangeName(elem, attr, new_attr) {
  var data = $(elem).attr(attr);
  $(elem).attr(new_attr, data);
  $(elem).removeAttr(attr);
}