循环遍历数据属性并创建一个数组

Question

我有许多 div 元素，而这些元素又具有许多数据属性。

对于每个元素，我想构建一个包含数据属性名称和值的数组。

我的代码如下所示：-

$( "#"+progWindowID ".newItem" ).each( function() {
  var itemData = {
    elemCategory   : $(this).attr( 'data-Category' ),
    elemType       : $(this).attr( 'data-Type' ),
    elemName       : $(this).attr( 'data-Name' ),
    elemTop        : $(this).attr( 'data-Top' ),
    elemLeft       : $(this).attr( 'data-Left' ),
    elemHeight     : $(this).attr( 'data-Height' ),
    elemWidth      : $(this).attr( 'data-Width' ),
    elemCreatedBy  : $(this).attr( 'data-CreatedBy' ),
    elemCreatedOn  : $(this).attr( 'data-CreatedOn' )
  };
}

我可以遍历数据属性以使用每个数据属性的名称作为数组中的键来构建数组吗？然后当我稍后添加更多数据属性时，我的代码仍然可以工作。

Answer 1

只需执行$(obj).data();，它就会为您提供属性的哈希值。

例子：

 $( "#"+progWindowID ".newItem" ).each( function() {
   var itemData = $(this).data();
  });

jQuery 文档：http://api.jquery.com/data/