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

Question

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

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

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

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 中 isdata-drink-size和 not data-drink_size。尝试这个：

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

代替：

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

Answer 2

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

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

Answer 3

您的数据属性是drink-size和不是drink_size

你需要这个

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