HTML5 / jQuery：使用自定义属性

Question

嗨，我想知道是否有人可以帮助我了解data- *的工作原理...我需要创建一个可通过jquery访问的自定义属性...

这是我到目前为止所得到的：

HTML

<select name='province' class='province' data-IsSelectSingle='true'> ... etc ...

jQuery的

if($.data("IsSelectSingle") != "true")

即使它是真的，它仍然执行...我也尝试过...

if($.data($(".province"), "IsSelectSingle") != "true")

想通了我会尝试，因为那就是它在jquery站点上显示的方法，但是它似乎也不起作用...为何会这样？

提前致谢！

Answer 1

您需要通过其选择器（ .province ）来获取元素，然后使用.attr或.data来获取数据：

$(".province").attr("data-IsSelectSingle") != "true"

要么

$(".province").data("IsSelectSingle") != "true"

请注意， .attr和.data之间存在主要区别，它们处理HTML5数据属性的方式也不同。 请参阅文档以获取参考（ .attr和.data ）。

Answer 2

您需要一个数据选择器，以使其知道在哪里查找数据属性。

if($("select.province").data("IsSelectSingle")!="true")