jQuery로 동적/아약스 테이블 행의 대체 색상 업데이트

Question

많이 보였지만 찾지 못했습니다. $(document).ready 이벤트의 jQuery를 통해 대체 행 색상을 적용하십시오.

$(document).ready(function(){ 

    //Member Directory Table 
    $('.MemberDetail table tr:odd ').css('background','#F0F0EC'); 
} 

색이 적용되지만 표가 아약스 요청으로 업데이트되면 색을 업데이트하지 않습니다. 그러면 테이블에 대체 색상을 적용하는 더 좋은 방법은 무엇일까요?

이 페이지에 대한 예제가있다 : 아약스가 완료되면

Here Dynamic Table

Answer 1

이 스크립트를 사용해야합니다. 나는 그냥 다시 테이블을 업데이트

$.ajax({ 
    url: 'ajax/test.html', 
    success: function(data) { 
    //to do your jQuery code again; 
    $('.MemberDetail table tr:odd ').css('background','#F0F0EC'); 
    } 
}); 

Answer 2

같은 의미 :

는

$('.MemberDetail table').find('tr:odd').css('background','#F0F0EC').end().find('tr:even').css('background','#fff'); 

자동으로 당신이 테이블을 업데이트 할 때마다 업데이트해야, 그 색상을 유지하기 위해 마법 방법은 없습니다.

Answer 3

당신은 예를 들어이 하나 같이 CSS 클래스를 사용하는 경우가 아약스 요청

function ajax() { 
doAjaxStuff(); 

$('.MemberDetail table tr:odd ').css('background','#F0F0EC'); 
} 

Answer 4

후, 다시 테이블 컬러 기능을 수행해야합니다 :

.alternate 
{ 
    background: #e6f4ff; 
} 

대체를 적용 할 색상을 테이블 행에 추가하는 것이 더 쉽습니다. jQuery을 실행하여 테이블 행을 동적으로 추가 한 후 다음과 같이 할 수 있습니다.

$("table tbody tr").removeClass("alternate").filter(":odd").addClass("alternate"); 

행을 추가하거나 제거 할 때 행을 올바르게 유지해야합니다 (<table> 행).

<table>이 수정 될 때마다 항상 코드를 실행해야한다는 것을 기억하십시오.