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")