jquery prop返回NaN但是attr返回正确的值

Question

这是我的HTML脚本

<td id="balance" amount="9"></td>

此jQuery语句返回NaN：

$("#balance").prop("amount")

此jQuery语句返回"9"：

$("#balance").attr("amount")

那么这里有什么问题？为什么prop函数在这里不起作用？

Answer 1

因为amount不是td元素的有效属性。您还应该考虑使用data- *属性来添加自定义属性：

<td id="balance" data-amount="9"></td>

然后使用.data()：

获取它们

.data("amount")