为一个类运行每个,但对于组运行一次

Question

我有很多同一类的元素.这些元素通过属性" data-xxx " 分成组

<div class="myclass" data-n="group1"></div>
<div class="myclass" data-n="group1"></div>
<div class="myclass" data-n="group1"></div>
.... 
<div class="myclass" data-n="group2"></div>
<div class="myclass" data-n="group2"></div>
...
<div class="myclass" data-n="group3"></div>
...
...

如何对每个项目执行一个功能,但每组只使用一次这样的功能一次？

$('.myclass').each(function(){

/// My function

});

Answer 1

工作示例： http: //jsfiddle.net/5sKqU/1/

$(document).ready(function() {
    var group = {}; //an object that we're going to use as a hash  
    $('.myclass').each(function(){ 
        if (group[$(this).attr('data-n')] != true) {
            group[$(this).attr('data-n')] = true;

            //do something here once per each group
            alert('Group: '+ $(this).attr('data-n'));
        }
    }); 
});

我假设您只需要在页面加载时运行一次。如果您可以分享更多有关您的要求的信息，我可以向您展示您需要进行哪些更改。