कक्षा के लिए प्रत्येक को चलाएं लेकिन एक बार समूह

Question

के लिए मेरे पास एक ही कक्षा के साथ बहुत सारे तत्व हैं। इन तत्वों विशेषता का "डेटा-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')); 
     } 
    }); 
}); 

मैं यह सोचते करती हूं कि आप केवल एक बार पृष्ठ लोड पर चलाने की आवश्यकता है। यदि आप अपनी आवश्यकताओं के बारे में और अधिक साझा कर सकते हैं, तो मैं आपको दिखा सकता हूं कि आपको किन परिवर्तनों की आवश्यकता होगी।

Answer 2

आप इस तरह jQuery विशेषता चयनकर्ता के साथ प्रत्येक समूह के बाहर का चयन कर सकते:

$('.myclass[data-n="groupX"]'); 

मैं अगर आप का मतलब है कि आप केवल प्रत्येक समूह में एक तत्व के लिए अपने समारोह लागू करना चाहते थे यकीन नहीं है, लेकिन यदि ऐसा है तो यह आप केवल प्रत्येक में पहली दे देंगे:

$('.myclass[data-n="groupX"]').first(); 

यह देखते हुए कि आप आप सिर्फ अगर वहाँ निर्धारित करने के लिए जब आप हर समूह के माध्यम से फंस गए हैं सेट परिणामस्वरूप में कुछ भी है जाँच कर सकते हैं एन के माध्यम से अपने समूहों लेबल 1।

Answer 3

कुछ इस तरह हो सकता है:

var groups = {}; 
$('.myclass').each(function(i, el) { 
    var n = $(el).data('n'); 
    if(!groups[n]) { 
     groups[n] = $(); 
    } 
    groups[n] = groups[n].add(el); 
}); 

//At this point the object `groups` has one property per group, 
//each value being a jquery collection comprising members of the group. 

//Now the world's your oyster. You can loop through the groups 
//with full access to each group's members if necessary. 
$.each(groups, function(groupName, jq) { 
    //my function 
}); 

Answer 4

आप पहले एक संसाधित करने के बाद सभी समूह तत्वों पर एक निश्चित एचटीएमएल विशेषता सेट कर सकते हैं। उसके बाद, आप उस विशेषता के मूल्य की जांच कर सकते हैं:

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

    if($(this).attr("processed")!="true") { 
     // process... 
     $("[data-n=" + $(this).attr("data-n")).attr("processed", "true"); 
    } else { 
    // skip, or do something else with the element 
    } 

});