javascript – jQuery所有数据属性的每个循环

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jQuery所有数据属性的每个循环，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1512字，纯文字阅读大概需要3分钟。

内容图文

我试图在动画后重置数据属性,并且在应用answer 2 of this post的技术时遇到了一些麻烦.

不知道我在这里缺少什么.从理论上讲,对于每个数据属性等都是可行的.

更新：

值得一提的是数据键都不同.例如. data-1 =“abc”,data-2 =“abc”等,因此需要一个简单查找数据属性的for循环.

HTML

var total = 0;    
$.each($('*').data(), function(key, value) {        
    if (key){    
        var thiis = $(this);            
        total += key;            
        thiis.removeData();            
        thiis.data(total, value);
    }
});

解决方法:

热潮,明白了.该脚本有很多开销,因此在用户将等待的实例中运行它不是一个选项,IMO.您可以使用特异性而不是*选择器来改进它.

JavaScript(jQuery)：

var counter  = 1; // not necessary for your implementation, using it to adjust numeric data keys

$('*').each(function(){ // query all selectors and run through a loop

    var thiis    = $(this),
        dataAttr = thiis.data(),
        i;

    if (dataAttr) { // if the element has data (regardless of attribute)

        var newAttrs = []; // for the element's new data values

        $.each(dataAttr, function(key, value) { // loop through each data object

            var newKey  = key + counter, // calculate new data key
                newAttr = [newKey, value]; // push the new data set

            newAttrs.push(newAttr); // push to elements new attributes array

            thiis
                .removeData(key) // remove the data
                .removeAttr('data-' + key); // remvoe the attribute (unnecessary)
        });

        for (i = 0; i < newAttrs.length; i++) { // for each new attribute

            thiis.data(newAttrs[i][0], newAttrs[i][1]); // add the data
            thiis.attr('data-' + newAttrs[i][0], newAttrs[i][1]); // add the attribute (unnecessary)
        }
    }
});

内容总结

以上是互联网集市为您收集整理的javascript – jQuery所有数据属性的每个循环全部内容，希望文章能够帮你解决javascript – jQuery所有数据属性的每个循环所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端