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

Question

例:

data-value="[0]"

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

那我怎么能得到真正的价值"[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>