jQuery में चयन करते समय DOM तत्वों को कैसे सॉर्ट करें?

Question

मैं अपने पन्ने पर निम्नलिखित DIVs है:

<div id="pi_div3"> 
    Div 3 
</div> 
<div id="pi_div2"> 
    Div 2 
</div> 
<div id="pi_div1"> 
    Div 1 
</div> 
<div id="pi_div6"> 
    Div 6 
</div> 
<div id="pi_div5"> 
    Div 5 
</div> 
<div id="pi_div4"> 
    Div 4 
</div> 

मैं jQuery कोड $("div[id*=pi_div]") का उपयोग कर divs चयन करने के लिए कोशिश कर रहा हूँ।

जब मैं चयनकर्ता पर प्रत्येक() करता हूं तो मुझे अपनी आईडी के आधार पर क्रमबद्ध करने के लिए divs की आवश्यकता होती है। जब मैं डीआईवी के माध्यम से लूप करता हूं, तो ऑर्डर होना चाहिए: PI_DIV1, PI_DIV2, PI_DIV3, PI_DIV4, PI_DIV5, PI_DIV6। मैं jQuery में ऐसा कैसे कर सकता हूं?

Answer 1

आपके पास कॉल .each()

$("div[id*=pi_div]").sort(function(a,b){ 
    if(a.id < b.id) { 
     return -1; 
    } else { 
     return 1; 
    } 
}).each(function() { console.log($(this).attr("id"));}); 

संपादित पहले .sort() कॉल कर सकते हैं: मैं सोच क्यों अन्य उत्तर आईडी की pi_div हिस्सा हटा रहे थे और मैं समझ गया। यदि आप "स्ट्रिंग्स" pi_div10 के आधार पर तुलना करते हैं तो pi_div2 से पहले आएंगे।

Answer 2

मैं Array.sort विधि का उपयोग करूंगा। http://jsfiddle.net/LJWrg/

var divArr = $("div[id*=pi_div]"); 
function cleanId(id) { 
    return parseInt(id.replace("pi_div",""),10); 
} 
Array.prototype.sort.call(divArr,function(a,b) { 
    return cleanId(a.id) > cleanId(b.id); 
}); 
divArr.each(function(){ 
    console.log(this.id); 
}); 

jQuery इस विधि के साथ आता है आंतरिक रूप में परिभाषित किया गया है, तो आप (लेकिन यह गैर-दस्तावेजी तरीकों का उपयोग करता है) इस के लिए यह छोटा कर सकते हैं http://jsfiddle.net/LJWrg/1/:

var divArr = $("div[id*=pi_div]"); 
function cleanId(id) { 
    return parseInt(id.replace("pi_div",""),10); 
} 
divArr.sort(function(a,b) { 
    return cleanId(a.id) > cleanId(b.id); 
}); 
divArr.each(function(){ 
    console.log(this.id); 
}); 

Answer 3

$("div[id^=pi_div]").sort(function (a, b) { 
    return a.id.replace('pi_div', '') > b.id.replace('pi_div', ''); 
}).foo(); 

http://jsfiddle.net/KrX7t/

Answer 4

आप तो पेज

पर उन्हें स्पष्ट रूप से क्रमबद्ध करना चाहते हैं

~~ पर ध्यान दें जो मानों को पूर्णांक में परिवर्तित करता है, अन्यथा उन्हें स्ट्रिंग के रूप में तुलना की जाएगी।

http://jsfiddle.net/Xjc2T/