javascript - 从 Javascript 对象获取值

Question

我将一些值从 anchor 标记传递给 JavaScript 函数，如下所示:

    <a href="http:///www.example.com" data-json='{ "next_id": 3, "prev_id":1}' id="2">Click here</a>

js 函数看起来有点像这样:

$(document).on( 'click', 'a', function( event ) {
    console.log($(this).data());
    var this_id = this.id;
    var next_id = $(this).data(next_id);
    var prev_id = $(this).data(prev_id);
}

控制台显示 $(this).data() 的以下内容

Object {json: Object}
    json: Object
        next_id: 3
        prev_id: 1

但是任何读取 next_id 或 prev_id 值的尝试都会失败:

var prev_id = $(this).data(prev_id);

仅返回[object Object]

var prev_id = $(this).data("prev_id"); 

或

var prev_id = $(this).data('prev_id');

返回未定义

我认为我错过了一些相当明显的东西 - 非常感谢任何指点

Answer 1

您需要使用 .data(key) 获取 JSON其中key是json，那么您可以获取next_id或prev_id属性。

使用

 var next_id = $(this).data('json').next_id;