본문 바로가기
JQuery

nth

by NamGH 2023. 9. 20.

처음$('tr:first')의 경우 테이블의 첫줄을 의미하며 child를 붙이면 모든 테이블을 의미하기때문에 두번째의 $('tr:first-child')의

경우 모든 테이블의 첫뻔째를 의미한다

$('tr:last') : 전체 테이블의 마지막줄을 의미하며

//$('tr:last-child') : 모든 테이블의 마지막줄을 의미하며
//$('tr:even')  : 전체 테이블의 짝수 0부터 시작을 의미하며
//$('tr:nth-child(1)') :모든 테이블의 1번째줄 1부터 시작을 의미하며
$('tr:eq(0)') : 0을 의미한다

 


마지막 줄만 실행시켰을 경우

이런식으로 0번째 테이블 즉 첫번째줄을 색칠을 하게 된다


예제

테이블을 작성하고 각 점수의 합계를 구하라

script

풀이 : 테이블 같은경우 만들기쉽지만 점수를 더하는데에 있어 정수형으로 바꿔서 더하지 않아서 애를 먹었다 

result 변수를 밖에다가 놓고 정수형으로 바꾼다음 더하면 되는문젠데 왜 고민했는지 모르겠다 

 

'JQuery' 카테고리의 다른 글

add  (0) 2023.09.21
toggle  (0) 2023.09.21
attr  (0) 2023.09.20
JQuery child  (0) 2023.09.18
JQuery기초  (0) 2023.09.18