在jquery中访问data-*

Question

我有一个格式如下:

<div data-role="page" data-last-value="43" data-hidden="true" 

data-bind='attr : {"name":"John"}'></div>

我想把名字从" John "改为" Johnny ".我试图这样做:

$(document).ready(function() {
    alert($( "div" ).data( "options"));

});

这输出我:

attr : {"name" : "John"}

我尝试访问考虑它像json格式, alert($( "div" ).data( "options").attr)但是它是undefined.

它是否为字符串格式,我应该将其设置为某个变量,使用正则表达式并更改字符串格式？如何使用jquery更改它？

Answer 1

您没有使用正确的格式,请 使用

<div data-options='{ "attr" : {"name":"John"}}'></div>

var div = $("div");
var data = div.data("options")
console.log(data.attr)

//update name
setTimeout(() => {
  data.attr.name = 'Satpal';
  div.data("options", data);

  data = div.data("options")
  console.log(data.attr);
}, 2000)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-options='{ "attr" : {"name":"John"}}'></div>