2012-04-04 12 views
5

के बाद div को कैसे स्थानांतरित करूं? मैं अपने अगले div के बाद div को कैसे स्थानांतरित करूं। उदाहरण के लिए मेरे यहां बैठे 3 अलग-अलग div हैं।मैं अपने अगले div

<div class="div1">Div1</div> 
<div class="div2">Div2</div> 
<div class="div3">Div3</div> 

मैं दूसरे div के बाद पहला div स्थानांतरित करना चाहता था। इसका मतलब है div2 पहले होगा और div1 दूसरा होगा। मेरे पास एक ही एचटीएमएल प्रारूप का गुच्छा है।

मैं की तरह

$(".div1").each(function() { 
    $(this).appendTo().$(this).after(); 
}); 

jQuery कुछ पर अमल मुझे पता है कि अगर यह मतलब नहीं है चलो करना चाहते हैं।

उत्तर

21

आप .next() तत्व प्राप्त कर सकते हैं, और जगह यह .after()

या

आप .next() तत्व

http://jsfiddle.net/kFTc5/1/

$(".div1").each(function() { 
    var item = $(this); 

    //either this: 
    item.next().after(item); 

    //or this: 
    item.insertAfter(item.next()); 


}); 
+0

मुझे लगता है कि तुम हो कि पीछे की ओर एक सा: http://jsfiddle.net/ambiguous/kFTc5/ –

+0

मैं लगता है कि मैं इसे पीछे की ओर था। मैं सोच रहा था कि 'insertAfter() '। धन्यवाद! – Joseph

+1

मुझे यह सुनिश्चित करने के लिए उन्हें जांचना होगा कि मैं उन्हें भी सही प्राप्त करूं :) –

11

का तरीका यहां बताया पेस्ट संचालन में कटौती करते .insertAfter() कर सकते हैं jQuery तरीके से डोम के साथ।

Var temp= $(“div1”).detach(); //Performs the cut operation 
temp.insertAfter(“div2”); //Does the paste 
+7

आपको 'detach', केवल '$ (' div1 ') की आवश्यकता नहीं है। InsertAfter (' div2 ');' पर्याप्त है: http://jsfiddle.net/ambiguous/LFqG3/ –

+0

मुझे लगता है कि आपका उत्तर सबसे अच्छा Mu – Dips

+0

डिटेच भी उस डीओएम तत्व से जुड़े सभी ईवेंट हैंडलर के साथ प्रतिलिपि करेगा, यह सुनिश्चित न करें कि केवल डालने के बाद, अगर मैं गलत हूं तो मुझे सही करें। –

संबंधित मुद्दे