javascript - Insert a div in a random location in a list of divs -

मेरे पास ऐसा पृष्ठ है जो ऐसा दिखता है:

  & lt; div id = "कंटेनर "& gt; & Lt; div वर्ग = "आइटम" & gt; ... & lt; / div & gt; & Lt; div वर्ग = "आइटम" & gt; ... & lt; / div & gt; & Lt; div वर्ग = "आइटम" & gt; ... & lt; / div & gt; & Lt; div वर्ग = "आइटम" & gt; ... & lt; / div & gt; & Lt; / div & gt;   
 मैं सोच रहा था कि क्या कोई तरीका है कि मैं किसी भी "आइटम" div के बीच एक div  बेतरतीब ढंग से  सम्मिलित कर सकता हूं, इसलिए जब पेज लोड हो जाता है, तो ऐसा दिखेगा:  
  & lt; div id = "कंटेनर" & gt; & Lt; div वर्ग = "आइटम" & gt; ... & lt; / div & gt; & Lt; div वर्ग = "आइटम" & gt; ... & lt; / div & gt; & Lt; div class = "rondomDiv" & gt; ... & lt; / div & gt; & Lt; div वर्ग = "आइटम" & gt; ... & lt; / div & gt; & Lt; div वर्ग = "आइटम" & gt; ... & lt; / div & gt; & Lt; / div & gt;   
 "आइटम" क्लास के साथ सभी डिवाईस गतिशील रूप से उत्पन्न होते हैं, और इन्हें संशोधित नहीं किया जा सकता है। कोई विचार? अग्रिम में धन्यवाद!   
 
 
 मैं सुझाव देता हूं, अधिक जानकारी लंबित:  
 < कोड> $ ('। आइटम')। Eq (/ * मैं एक विशिष्ट तत्व का चयन करने के लिए eq () विधि का उपयोग कर रहा हूं, और यादृच्छिक संख्या (0- (संख्या-के-तत्वों) से लेकर सीमा में) अनावश्यक चर बनाने से बचने की विधि। * / Math.floor (Math.random () * $ ('। Item')। लंबाई) / * के बाद () HTML स्ट्रिंग से एक तत्व बनाता है, और चयनित तत्व के बाद इसे सम्मिलित करता है पूर्व के साथ eq () विधि * /)। बाद ('& lt; div वर्ग = "यादृच्छिक" & gt; & lt; / div & gt;');   
।  
। थोड़ा बदलाव, हालांकि अधिक शब्दबोधक, उपरोक्त विकल्प:  
  $ ('& lt; div / & gt ; ',' 'Class': 'random', 'text': '...'})। सम्मिलित करेंअधिक ($ ('। आइटम')। Eq (मठ। फ्लोर (मठ.रेंडम () * $ (' मद की लंबाई)));   
।  
 संदर्भ:  
 
।  
।  
।  
।  
।