jquery - 为什么我无法解析这个数据值？

Question

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

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

我有一个绑定(bind)到它的点击函数(它确实被调用；这不是问题)，我试图将 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 得到的这些行的信息:

我需要做什么才能从 $(this).data("drink_size") 取回 R？

Answer 1

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

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

而不是:

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