为什么我不能解析这个数据值？

Question

我有一个html链接，上面有data-元素：

<a data-drink-size="R" class="editItem">Edit</a>

我有一个绑定到它的click函数（它被调用;这不是问题）我试图将data-drink-size的值传递给ajax调用。我已经注销了元素的值，但它是一个对象，我似乎无法正确解析它只返回值。这就是我所拥有的：

console.log($(this).data());
var drink_size = $(this).data("drink_size")
console.log("drink unparsed: " + drink_size);
console.log("drink parsed: " + jQuery.parseJSON(drink_size));

以下是我从Firebug获取的内容：

从R获取$(this).data("drink_size")后我需要做什么？

Answer 1

您的属性选择器错误，因为您的html是data-drink-size而不是data-drink_size。试试这个：

var drink_size = $(this).data("drink-size");

而不是：

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

Answer 2

您的数据属性为drink-size而非drink_size

你需要这个

var drink_size = $(this).data("drink-size");

Answer 3

这只是一个错字。这应该解决它：

var drink_size = $(this).data("drink-size");