jquery를 사용하여 다른 테이블의 행 뒤에 테이블을 삽입하는 방법

Question

다른 테이블의 행에 테이블을 동적으로 추가해야합니다.

예 :

는 내가 처음 사업부 을 만들

는 그럼 지금은 내가 이후에 테이블을 추가 할 필요가 즉, 체크 박스의 선택 (을 기준으로 행이 다른 테이블을 추가하고 싶습니다이

$('<table id="container"> <tr> <td> </td> <td> <input type="checkbox" /> </td> <td> </td> </tr> </table>') 
    $('<<tr> <td> </td> <td> <input type="checkbox" /> </td> <td> </td> </tr> >').appendTo('#container'); 

후 표를 삽입 선택한 체크 박스의 행)

누구나 jquery에서 이것을 안내 할 수 있습니까?

Mithun는

Answer 1

당신이 선택한 확인란에 따라 행을 선택합니다 : 이것은 가정

$(":checked").parents("tr") 

당신이 하나의 체크가 - 당신은 단지 하나가 선택 될 경우 라디오 버튼을 고려하는 것이 더 좋을 수 있습니다. (당신이 아래로 더

$("#Container :checked").parents("tr") 

이 행 다음 행을 추가하려면 (이 이미 DOM에 #container를 추가 한 가정 것) 선택 범위를 좁힐 수, 당신은을 사용 후() 또는 insertafter 속성) 함수 :

$(":checked").parents("tr").after("<tr><td></td></tr>"> 
$("<tr><td></td></tr>").insertAfter($(":checked").parents("tr")); 

테스트되지는 않았지만 작동해야합니다.

나는 이것이 당신이 원한다고 생각하지만, 그렇지 않다면 명확하게 원래의 게시물을 편집 할 수 있습니까?

비슷한 행을 만드는 경우 .clone() 기능을 사용할 수 있습니다. 이 포스팅은 물건의 같은 종류 않습니다 몇 가지 예제 코드가 있습니다

이

Is there a preferred way of formatting jQuery chains to make them more readable?