获取没有内部绑定数据的 HTML 元素的所有静态数据属性

Question

使用$('.selector').data()我们可以收集元素的所有数据道具。然而，在结果集中不仅是数据属性，而且还有所有动态数据（在我的特定情况下 jQuery UI）。

我正在寻找从元素中仅收集 "static" 数据属性的优雅方式。

Answer 1

$('.selector').clone().data()

jQuery clone()方法默认不复制动态数据，而是保留静态数据-*属性。

.clone( [withDataAndEvents ] [, deepWithDataAndEvents ] )

withDataAndEvents (default: false)
deepWithDataAndEvents (default: value of withDataAndEvents)

API Documentation

获取没有内部绑定数据的 HTML 元素的所有静态数据属性

Get all static data attributes of HTML element without internaly binded data

javascript

jquery

custom-data-attribute