jquery 獲取自定義屬性的值 data-*

HTML5 可以給元素自定義屬性，提供相關信息，方便傳遞參數。

自定義方式，data- 開頭，后面名字隨意。

　　

<a href="#edit" data-skno="SK60007371" data-tkcd="5333">更新</a>

 

一、獲取屬性值

//取到 "SK60007371"
var skno = $('a').data('skno'); //取到 "SK60007371"
var skno1 = $('a').attr('data-skno');

 

二、屬性賦值

$('a').data('skno', '123456'); $('a').attr('data-skno', '123456');

 

有趣的是，

用 data 方法賦值后，並不會改變元素中 data-skno 的值。

用 data 方法取值，也只是取得頁面初始化時屬性的值，當元素屬性值改變時，data 獲取的值也還是改變前的。

 

所以，

在 js 中，要保證數據同步，一定要用 attr() 獲取。

當屬性值是對象時，要用 data 獲取。