테이블 행을 다른 테이블 행에 추가하십시오.

페이지에 다음 마크 업이 있습니다. 이 직후에 두 개의 테이블 행을 추가하고 싶습니다. 여기 테이블 행을 다른 테이블 행에 추가하십시오.

<tr><td width="48%" align="right" nowrap=""><b>Type it again:</b></td><td width="52%"> <input type="password" autocomplete="off" maxlength="20" size="20" name="passwordagain"><!-- value="" --></td></tr>

두 내가이 일을해야

<tr><td width="48%" align="right" nowrap="nowrap"><b>First Name:</b></td><td width="52%"> <input maxlength="35" value="" size="30" name="BillingFirstName"></td></tr> 
<tr><td width="48%" align="right" nowrap="nowrap"><b>Last Name:</b></td><td width="52%"> <input name="BillingLastName" size="30" value="" maxlength="35"></td></tr>

출처

2010-08-16 user357034

당신이 두 개의 새로운 행이해야 정확히 알고 가정하면, 여기에 신속하고 더러운 방법 동일한 문자열 또는 다른 수의 임의의 수입니다.

귀하의 의견에 따르면 here's a Fiddle은 무슨 일이 일어나는지 분명히해야합니다.

출처

2010-08-16 04:19:54

나는 ... 이름 ... – user357034

을 이해하지 못합니다. 즉, '이름'행의 다른 모든 것들이 여기에 표시됩니다. 삽입하고자하는' '의 전체는'.after()'호출 안에 들어가며, "passwordagain"이있는 행 바로 다음에 jQuery에 의해 삽입됩니다. 나는 두 번 "이름"을 보여 주었다. 두 번째 것은 "성"을 의미했습니다. 그것을 수정했습니다. –

@user, 위에 나온 jsFiddle을 확인하십시오. 그것은 작업 솔루션을 보여줍니다. –

위의 첫 번째에 추가 할 수 있습니다 table 부모 테이블

$('table').append('<tr>row 1</tr><tr>row 2</tr>');

. 대신 테이블에있는 경우 tbody을 사용해야 할 수도 있습니다.

$('tr:has(:input[name=passwordagain])') // row in question: no ID to use? 
    .after('<tr><td>...First Name...</td></tr>') // to add 
    .next()          // don't reverse order 
    .after('<tr><td>...Last Name...</td></tr>'); // next to add

당신은 next()를 생략하고 간단하게 역순으로 .after()들 넣어, 또는 그들을 스틱 수 :

출처

2010-08-16 03:53:53

테이블 행을 다른 테이블 행에 추가하십시오.

답변

관련 문제