jquery에서 테이블 짝수, 홀수 번째 TR 배경색 변경하기 > jQuery

본문 바로가기
사이트 내 전체검색


회원로그인

jQuery

 > 개발자료 > jQuery

jQuery

jquery에서 테이블 짝수, 홀수 번째 TR 배경색 변경하기

페이지 정보

작성자 YJNet 작성일14-10-22 11:43 조회11,757회 댓글0건

본문

jquery에서  테이블(표) 짝수 또는 홀수 번째 TR 배경색 변경하는 방법입니다.
 
<script>
$(document).ready(function(){
  $('table tr:odd').css("backgroundColor","#fff");         // odd 홀수
  $('table tr:even').css("backgroundColor","#f5f5fc");   // even 짝수
});
</script>
 
또는
$(document).ready(function(){
   jQuery('tr').each(function(i) { 
      this.style.backgroundColor = (i % 2) ? 'red' : 'blue';
   });
});
 
※ class 사용
  $('.tr_bg:odd').css("backgroundColor","#fff"); 

댓글목록

등록된 댓글이 없습니다.

jQuery 목록

게시물 검색

접속자집계

오늘
156
어제
622
최대
1,173
전체
1,227,277
그누보드5
회사소개 개인정보취급방침 서비스이용약관    Copyright © www.g-it.kr. All rights reserved.