특정 클래스가있는 행의 마지막을 향해 테이블 ​​행을 추가하는 방법은 무엇입니까?

Question

ASP 데이터 격자의 html 형식에 행을 추가하려고합니다. 내 표는 페이징을 가지고 있으며 html 형식의 행으로도 변환됩니다. 그래서 실제 레코드가있는 행에 클래스를 추가했습니다. 이제 html 테이블 행을 그리드에 추가해야합니다. 이 기록의 끝에 추가해야합니다. 누군가 이것을하는 방법을 알고 있습니까?

테이블 구조 :

<table> 
    <th> 
    </th> 
    <tbody> 
     <tr class="clientData">1</tr> 
     <tr class="clientData">2</tr> 
     <tr class="clientData">3</tr> 
     <tr>Exclude This Row</tr> 
     <tr>Exclude This Row</tr> 
    </tbody> 
</table> 

스크립트 :

{ $("#ctl00_Content_GrdCustomer tbody").append(selCustomersRow); } // 

Answer 1

뭔가

$('#ctl00_Content_GrdCustomer tbody tr.clientData').last().after(selCustomersRow); 

처럼 또는 천사의 코멘트처럼, 직접 마지막 tr.clientData을 선택

$('#ctl00_Content_GrdCustomer tbody tr.clientData:last').after(selCustomersRow); 

http://api.jquery.com/after/

Answer 2

은 시도 ...

{ $("#ctl00_Content_GrdCustomer tbody tr").last().append(selCustomersRow); } 

Answer 3

더 좋은 방법은 올바른 테이블 태그를 사용하는 것입니다.

즉

<table> 
    <thead> 
     <tr> 
      <td>Column header 1</td> 
      <td>Column header 2</td> 
      <td>Column header 3</td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Column 1</td> 
      <td>Column 2</td> 
      <td>Column 3</td> 
     </tr> 
     <tr> 
      <td>Column 1</td> 
      <td>Column 2</td> 
      <td>Column 3</td> 
     </tr> 
    </tbody> 
    <tfoot> 
     <tr> 
      <td>Column footer 1</td> 
      <td>Column footer 2</td> 
      <td>Column footer 3</td> 
     </tr> 
    </tfoot> 
</table> 

당신은 헤더가 필요하지 않을 수 있습니다,하지만 당신은 TBODY과 TFOOT 내에 매김 내에서 "기록"을 모두 충실 할 수 있습니다. 최종 TBODY에 행을 추가하지만, TFOOT 내 매김하기 전에 것입니다 당신이

$("#ctl00_Content_GrdCustomer tbody").append(selCustomersRow); 

사용할 수 있습니다

이 방법.