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

您需要通过其selector(.province)获取元素,然后使用.attr或.data获取数据:

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

要么

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

请注意,.attr和之间存在重大差异.data,并且它们处理HTML5数据属性的方式.请参阅文档以供参考(.attr和.data).