javascript - 从数据属性中获取具有相同前缀的所有键/值对

Question

我正在开发一个平台，希望统一和标准化整个平台的某些行为...html 元素中的 data- 属性将发挥重要作用...

假设我有一个按钮:

<a href="..." class="btn" data-tip="My button" data-modal_tile="Foo" data-templade_data_id="14" data-templade_data_action="reset">...</a>

现在，我的 Javascript 处理此按钮的行为。

我想要的是设置一个 template_data 数组，这将为我提供具有相同前缀 (data-template_data_) 的 data- 属性中的所有键/值对... 所以在我的例子中我会得到:

{
    id: "14",
    action : "reset"
}

最好的方法是什么？

Answer 1

试试这个

var array = [];
$( ".btn" ).each( function(){
    var obj = {};
    $.each(this.attributes, function() 
    {
        if(this.name.indexOf( "data-templade_data_" ) == 0 ) 
        {
            var key = this.name.replace( "data-templade_data_", "" );
            obj[ key ] = this.value;
        }
    });
    array.push( obj );
} );