순서에 따른 필터 선택자(first,last,even,odd)

 

first : 첫번째 인덱스 선택

last : 마지막 인덱스 선택

even : 짝수 인덱스 선택

odd : 홀수 인덱스 선택

 

 

예시 테이블 생성

<table border="1">

<tr>

<th>이름</th>

<th>혈액형</th>

<th>지역</th>

</tr>

<tr>

<td>YSH</td>

<td>b형</td>

<td>서울</td>

</tr>

<tr>

<td>빵또아</td>

<td>a형</td>

<td>이불이글루</td>

</tr>

<tr>

<td>웃긴코딱지</td>

<td>b형</td>

<td>주인옆구리</td>

</tr>

<tr>

<td>빵꾸똥꾸</td>

<td>ab형</td>

<td>지맘</td>

</tr>

<tr>

<td>오냐오냐공주</td>

<td>b형</td>

<td>방구석</td>

</tr>

<tr>

<td colspan="2">총원</td>

<td>5</td>

</tr>

</table>

멋들어진 예시 테이블

 

 

첫번째 인덱스 배경 black

마지막 인덱스 배경 red 로 설정

 

<script>

$(document).ready(function(){

$("tr:first").css("backgroundColor","black").css("color","white");

$("tr:last").css("backgroundColor","red").css("color","white");

});

</script>

first, last 인덱스 css 설정 후

 

홀수 인덱스 배경 white

짝수 인덱스 배경 lightgrey 설정

even, odd 인덱스 css 설정 후 

참고로 인덱스는 0부터 셈 (0,1,2,3....)