एचटीएमएल 5 डेटा विशेषता सॉर्ट करें

Question

मैं डीओएम तत्वों को सॉर्ट करना चाहता हूं जिनमें रेटिंग और दिनांक के लिए परिभाषित डेटा विशेषताएँ हैं। JQuery के साथ फ्रंट एंड पर सॉर्टिंग को लागू करने का सबसे अच्छा तरीका क्या है?

नमूना कोड पर देखा जा सकता: http://jsfiddle.net/gercheq/zhqXd/

यहाँ टेबल के साथ लागू वांछित कार्यशीलता है: http://tablesorter.com/docs/

धन्यवाद,

Answer 1

यहाँ मूल विचार है ...

var sortedSet = $('#sort li').toArray().sort(function(a, b) { 
    return $(a).data('rating') - $(b).data('rating'); 
}); 

आप तत्वों का चयन करते हैं, उन्हें उचित सरणी में परिवर्तित करते हैं, और फिर क्रमबद्ध करें (तुलना किए गए तुलना फ़ंक्शन का एक उदाहरण है, इसे बदलें ओ अपनी आवश्यकताओं के अनुरूप)।

jsFiddle with lowest button।

Answer 2

एक शानदार jQuery प्लगइन है जो विशेषता द्वारा डोम तत्वों को टाइप करता है। आप इसे यहाँ पा सकते हैं: http://tinysort.sjeiti.com/

उदाहरण कार्यान्वयन: http://jsfiddle.net/statico/JNFFj/7/