jquery를 사용하여 td 상수 교환하기

Question

위로 이동 버튼을 클릭하여 두 개의 td의 내용을 서로 바꾸고 싶습니다. 2 번째와 3 번째 사이에 콘텐츠를 교환하고 싶습니다.

나는이 완료되었다 그러나 나는 그 즉 거의 문제에 직면하고있다 "는 교환 TD의 현재 TD는 여부를 교환 한 후 클릭을 보여줍니다 클래스를 전환되지 않습니다."

나는 파괴 될 수있는 DOM에서 TD의 아래

var currentTr = $("#selectedTab td.backgroundcolor").parent(); 

var previousTr = currentTr.prev(); 

var temp = currentTr.html(); 

$(currentTr).html(previousTr.html()); 

$(previousTr).html(temp); 

Answer 1

HTML 조작의 내용을 스와핑이 코드를 사용하고 있습니다. DOM 노드 자체를 대신 이동해야합니다.

var currentTr = $("#selectedTab td.backgroundcolor").parent(); 
var previousTr = currentTr.prev(); 

var temp = currentTr.contents().detach(); 

currentTr.append(previousTr.contents()); 

previousTr.append(temp); 

이 방법은, 직렬화 파괴하고 모든 노드를 재 구축 아닙니다. 당신은 단지 그들을 움직이고 있습니다.