Jquery 특정 행 클래스가있는 테이블

Question

안녕하세요 어떻게 "selected"클래스가있는 테이블 행으로 teamselectiontable이라는 테이블을 복제하고 다른 테이블을 수정하고 발견 된 테이블 행으로 그 내용을 바꿀 수 있습니까? 그러나 추가 된 테이블에 "row"라는 클래스 이름을 유지합니다.

<table id="teamselectiontable"> 
    <tr class="chosen">content</tr> 
    <tr class="something">content</tr> 
    <tr class="something">content</tr> 
    <tr class="something">content</tr> 
    <tr class="something">content</tr> 
    <tr class="chosen">content</tr> 
    <tr class="chosen">content</tr> 
</table> 

아래 표를 참조하십시오.

<table id="talentselection"> 
    <tr class="row"></tr> 
    <tr class="row"></tr> 
    <tr class="row"></tr> 
</table> 

어떤 도움을 주셔서 감사합니다. 난 당신이 뭘 하려는지 이해 한 가정

Answer 1

$(".chosen").clone().attr("class","row").appendTo("#talentselection") 

또는 교체 할 경우를 목표 테이블의 전체 내용

$("#talentselection").html($(".chosen").clone().attr("class","row")); 

이 선택라는 이름의 클래스와 첨부 된 테이블 #talentselection는 이제 테이블 행으로 구성됩니다

<tr><td class="chosen">content</td></tr> 

Answer 2

, 당신은 선택한 요소를 복제하기 위해 clone 방법을 사용할 수 있으며, appendTo 방법은 다른 요소에 클론을 추가 할 :

$("#teamselectiontable .chosen").clone().appendTo("#talentselection"); 

요소 원래 선택에서 영향을받지 않습니다. 현재 형식에서 위 코드는 일치 된 요소에 바인딩 된 이벤트를 복제하지 않습니다. 이벤트로 요소를 복제하려면 true을 clone 메소드에 전달하십시오.

업데이트 (주석 참조)

당신은 removeClass 및 addClass 방법을 사용할 수 있습니다, 복제 된 요소에 클래스 이름을 변경하려면 :

$("#teamselectiontable .chosen") 
    .clone() 
    .appendTo("#talentselection") 
    .removeClass("chosen") 
    .addClass("row");