jquery에서 테이블 짝수, 홀수 번째 TR 배경색 변경하기
페이지 정보
작성자 YJNet 작성일14-10-22 11:43 조회17,755회 댓글0건본문
jquery에서 테이블(표) 짝수 또는 홀수 번째 TR 배경색 변경하는 방법입니다.
<script>
$(document).ready(function(){
$('table tr:odd').css("backgroundColor","#fff"); // odd 홀수
$('table tr:even').css("backgroundColor","#f5f5fc"); // even 짝수
$('table tr:even').css("backgroundColor","#f5f5fc"); // even 짝수
});
</script>
</script>
또는
$(document).ready(function(){
jQuery('tr').each(function(i) {
this.style.backgroundColor = (i % 2) ? 'red' : 'blue';
});
});
this.style.backgroundColor = (i % 2) ? 'red' : 'blue';
});
});
※ class 사용
$('.tr_bg:odd').css("backgroundColor","#fff");
댓글목록
등록된 댓글이 없습니다.
