jQuery के अंदर jQuery चालक डीओएम तत्व

Question

क्या तत्व अपने माता-पिता के अंदर एक तत्व को स्थानांतरित करने का एक आसान तरीका है?

इस तरह ...

से:

<div class="test">hello 1</div> 
<div class="test">hello 2</div> 
<div class="test">hello 3</div> 

रहे हैं:

<div class="test">hello 1</div> 
<div class="test">hello 3</div> 
<div class="test">hello 2</div> 

या तो एक विशिष्ट में एक div UP या DOWN एक कदम, या appendTo के सूचकांक का उपयोग कर ले जाने के पद।

Answer 1

आप (एक jQuery समारोह के रूप में यहाँ) .prev() और .next() इस तरह उपयोग करने के लिए सक्षम होना चाहिए:

$.fn.moveUp = function() { 
    $.each(this, function() { 
     $(this).after($(this).prev()); 
    }); 
}; 
$.fn.moveDown = function() { 
    $.each(this, function() { 
     $(this).before($(this).next()); 
    }); 
}; 
$("div:eq(2)").moveUp(); //Would move hello 3 up 
$("div:eq(0)").moveDown(); //Would move hello 1 down 

JSFiddle Demo

Answer 2

को याद है कि

$("div:eq(2)").after($("div:eq(0)")); 

या

$("div:eq(2)").before($("div:eq(1)")) 

का प्रयास करें: eq() शून्य आधारित है।

Answer 3

var child = $('#parent div'); // keep reference for further use 
child.eq(2).insertBefore(child.eq(1)); 

DEMO