jQuery का उपयोग कर तत्वों को पुनर्व्यवस्थित कैसे करें?

Question

jQuery का उपयोग कर तत्वों को पुनर्व्यवस्थित कैसे करें?

मूल कोड:

<p id="paragraph1">1</p> 
<p id="paragraph2">2</p> 
<p id="paragraph3">3</p> 
<p id="paragraph4">4</p> 
<p id="paragraph5">5</p> 

बाद पुनर्व्यवस्थित करें (p2 के स्थान पर रखकर p3)

<p id="paragraph1">1</p> 
<p id="paragraph3">3</p> 
<p id="paragraph2">2</p> 
<p id="paragraph4">4</p> 
<p id="paragraph5">5</p> 

Answer 1

आप .insertBefore() उपयोग कर सकते हैं:

$("#paragraph3").insertBefore("#paragraph2"); 

थोड़ा और अधिक व्यापक उदाहरण (एक पर क्लिक अनुच्छेद इसे ऊपर ले जाता है):

$("p").click(function() { 
    $(this).insertBefore($(this).prev()); 
}); 

You can test both examples here.