透過 js 或 jQuery 取得 HTML data-* 的值

標籤: javascript jQuery

在 HTML5 之後,我們可以在 HTML 的標籤自訂屬性,一般會建議大家利用 data-* 的規則來建立,所以我們可能會有像這樣的 html:

<div class="box" data-id="1">item</div>

 

用 data-* 設定屬性的話,就可以透過 js 的 dataset 來取得值,像這樣:

let id=elem.dataset.id;

 

如果用 jQuery 的話則是用 .data() 就可以了,像這樣:

let id=$(elem).data("id");