在jQuery中访问数据*

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 。

它是否为字符串格式，我应该将其分配给某个变量，使用regex表达式并更改字符串格式吗？ 如何使用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>