JQuery_jquery를 사용한 테이블 운영에 대한 일반적인 기술 요약

1. 테이블의 홀수 행과 짝수 행에 스타일

을 추가합니다. 코드는 입니다. >

$ (function(){
$('tr:odd').addClass("odd");
$('tr:even').addClass("even") ;
});

테이블의 머리 부분은 계산하지 않습니다

코드 복사 코드는 다음과 같습니다.

$(function(){
$('tbody>tr:odd').addClass("odd");
$('tbody> ;tr:even').addClass("even");
});

2. 라디오 버튼 컨트롤 행 강조

코드 복사 코드는 다음과 같습니다:

$('tobdy>tr').click(function(){
$(this) .addClass('selected')
.siblings() .removeClass('selected')
.end() // 객체를 다시 반환
.find(':radio').attr('checked ',true)
});

3. 체크박스 제어 행 강조 표시

코드는 다음과 같습니다. $('tobdy>tr').click(function(){

if( $(this).hasClass('selected') ) { // 선택한 하이라이트 스타일이 있는지 확인

$(this).removeClass('selected')
.find(':checkbox').attr('checked',false)
} else{
$(this).addClass('selected')
.find(':checkbox').attr('checked',true)
}
});

4. 테이블 내용 필터링

코드 복사

코드는 다음과 같습니다. $(function(){ $('table tbody tr ').hide()

.filter(":contains(lee)").show();

}); >