테이블의 행 번호 인쇄

Question

012 행 개수의 테이블에 < tr> 행 번호를 인쇄하려고합니다.

그래서 jQuery를 구문에 정통한 아니에요,하지만 난 당신이 내 길을 던질 수있는 모든 도움을

var rowIndex = 1; 
// for each row increase rowIndex + 1 
$('.tablerow').html(rowIndex) 

많은 thnx를 필요 기본적이다.

Answer 1

.each()을 사용하여 행을 반복 할 수 있습니다. .tablerow는 TR-요소에 클래스 인 경우,이 같은 각 행을 통해 루프 수 :

$('.tablerow').each(function (i) { 
    $("td:first", this).html(i); 
}); 

예는 각 행의 첫 번째 TD-요소에 인덱스를 추가합니다. 첫 번째 TD-요소에 인덱스를 추가하지 않으려면

Working example

는, 당신은 제로합니다 (TR-요소 내에서의 인덱스를 지정하여 원하는 TD를 선택 .eq() 방법을 사용할 수 있습니다 기반).

$('.tablerow').each(function (i) { 
    $("td", this).eq(2).html(i); 
}); 

위의 예에서는 각 행의 세 번째 td 요소에 색인을 작성합니다. 하나의

Working example

시작 : 그것을

$('.tablerow').each(function (i) { 
    $("td:first", this).html(i + 1); 
}); 

Working example를 인쇄 할 때

0을 1로 시작하는 대신하려면, 당신이해야 할 모든 인덱스에 1을 추가하는 것입니다

Answer 2

.each()을 사용하여 컬렉션의 각 항목에 대해 사용자 지정 함수를 실행할 수 있습니다. 정확한 HTML을 표시하지 않으므로 정확히 .tablerow 인 항목을 알 수 없습니다. 여기에 무엇을 .tablerow에 따라 두 가지 옵션이되고 있습니다됩니다 .tablerow 가정

당신의 tr :

$(".tablerow").each(function(index) { 
    $(this).html(index); 
}); 

:

$(".tablerow td:first").each(function(index) { 
    $(this).html(index); 
}); 

.tablerow 이미 각 행의 td 첫 번째 경우, 그것은 단지이 될 수 있습니다