행에 징검다리 스타일 입히기 (:odd, :even)

by 조쉬 posted Mar 31, 2021
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

 

 

	.odd {
		background-color: #FFC;	/* 홀수번째 줄은 연한 노란색 */
	}
	.even {
		background-color: #CEF;	/* 짝수번째 줄은 연한 푸른색 */
	}

스타일시트에 odd, even  클래스를 정의합니다.
각각, 홀수와 짝수 행에 적용할 클래스입니다.

 

 

$(document).ready(function() { $("tr:odd").addClass("odd"); $("tr:even").addClass("even"); $("td:contains('헨리')").addClass("highlight"); });

DOM이 로드되고 이미지가 로드되기 전에  $(document).read() 함수가 실행됩니다.
홀수행(tr:odd)에 odd 클래스를 적용하고, 짝수행(tr:even)에 even 클래스를 적용합니다.

td:contains('헨리')는 '헨리'라는 단어를 포함한 <td> 태그를 찾아서 highlight 클래스를 적용합니다.