जावास्क्रिप्ट कैसे प्रत्येक LI.span

Question

http://jsfiddle.net/nicktheandroid/2uMjv/

मैं संख्या प्रत्येक LI भीतर सी अवधि में है कि के आधार पर LI की सूची को सॉर्ट करने कोशिश कर रहा हूँ के भीतर संख्या के आधार पर एक सूची सॉर्ट करने के लिए। मैंने प्लगइन को देखा है जो ऐसा कर सकता है लेकिन यह वही नहीं है जो मैं चाहता हूं।

क्या कोई मुझे दिखा सकता है कि आप कैसे ऊपर बताए गए एक साधारण सूची को सॉर्ट करेंगे? मुझे वास्तव में कोई विचार नहीं है कि कहां से शुरू करना है, मुझे नहीं पता कि यह जटिल या सरल है या नहीं।

Answer 1

चेक http://jsfiddle.net/2uMjv/7/।

Answer 2

आप सभी <li> तत्वों के साथ एक सरणी भरना चाहिए, तरह इस सरणी sort() का उपयोग कर, तो empty() सूची append() क्रमबद्ध तत्वों को जोड़ने।

कुछ इस तरह:

// store the li items 
var items = $('ul li').get(); 

items.sort(function(a, b) { 
    var valueA = $(a).find("span").text(); 
    var valueB = $(b).find("span").text(); 

    if (valueA < valueB) return -1; 
    if (valueA > valueB) return 1; 
    return 0; 
}); 

// clear the list and re-add sorted items 
$("ul").empty().append(items); 

jsFiddle example here