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

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


회원로그인

jQuery

 > 개발자료 > jQuery

jQuery

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

페이지 정보

작성자 YJNet 작성일14-10-22 11:43 조회12,656회 댓글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 목록

게시물 검색

접속자집계

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