DOM의 태그 위치 변경

Question

<p>I like turtles</p> 
<h3>Child brags about stuff</h3> 
<h4>The Herd</h4> 

태그의 위치 (순서)는 어떻게 변경합니까? 이에

:

<h3>Child brags about stuff</h3> 
<p>I like turtles</p> 
<h4>The Herd</h4> 

은 JQuery와 가능성이 있습니까? 당신이 변수 h3elem의 h3 및 pelem에서 p 경우

Answer 1

사용 .detach() 및 .insertAfter()의 jQuery 방법 :

$(function() { 
    $('p').detach().insertAfter('h3'); 
}); 

jsFiddle 증거.

Answer 2

은 (당신이 원하는 그러나이 그들을 얻을 - 정말 jQuery를, getElementById 또는 getElementsByTagName, 또는 아무것도), 사용 :

는

h3elem.parentNode.insertBefore(h3elem, pelem); 

이것은 h3 이동 p 전까지 jQuery로

Answer 3

function doWorks(){ 

    var h3 = $("h3"); 

    h3.remove(); 

    h3.insertBefore("p"); 


} 

Answer 4

:

$('h3').after($('p')); 

이 또한 내 jsfiddle를 참조하십시오.

Answer 5

아래 코드는 <p> 태그 앞에 <h3> 태그를 삽입하고 고유하게 식별 할 수있는 ID를 할당 할 수 있습니다. 그래서 같은

$('h3').insertBefore($('p'));