javascript - 如何将 [] 设置为数据属性并使用 javascript/jquery 获取它？

Question

例子:

data-value="[0]"

当我尝试使用 jQuery(element).data('value') 获取值时，它总是返回“0”。我也尝试使用 toString() 函数或 String 对象但失败了，它一直返回“0”。

那么我怎样才能得到真正的值(value)“[0]”呢？

Answer 1

jQuery(element).attr("data-value")

当您使用 .data() 时它试图对数据类型是什么很聪明，但是.attr()只按原样返回字符串。

展开并运行以下代码片段以查看其工作情况:

$("p").click(function() {
  console.log("Value: " + $(this).attr("data-value"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p data-value="[0]">Zero</p>
<p data-value="[1]">One</p>
<p data-value="[2]">Two</p>