jquery를 사용하여 큰 테이블에서 행 강조 표시를 만드는 방법

Question

대부분의 테이블 또는 데이터 행이 많은 항목에서 편집 할 때 잠시 동안 노란색으로 변한 다음 잠시 후 정상 상태로 돌아 간다.

나는 약 500 행의 데이터 테이블을 가지고 있습니다. 사용자는 무엇이든 편집을 클릭하고, 새 페이지에서 해당 행을 편집하고, 모든 500 행이있는 페이지로 돌아올 수 있습니다. 사용자가 500 행의 페이지로 돌아 오면 잠시 동안 마지막으로 수정 된 행을 강조 표시합니다.

addCss를 사용할 수 있다는 것을 알고 있지만 잠시 후 어떻게 제거하나요?

이 작업을 수행 한 사람이 방법을 제안하거나 예제를 보여줄 수 있습니까?

나는이 일을하지만, JS 오류가 점점 오전 :

$('#'+test).effect("highlight", {}, 3000); 

어디에 '# '+test이 Highlight 시도를 줘 tr

Answer 1

의 id입니다. 이것은 "응답 게시"를 눌렀을 때의 응답과 동일합니다.

는이 HTML이 있다고 가정 :

<table id="myTbl"> 
     <tr> 
      <td>Frist</td> 
      <td>Row</td> 
     </tr> 
     <tr> 
      <td>Second</td> 
      <td>Row</td> 
     </tr> 
    </table> 

CODE :

$(document).ready(function(){ 
    $("#myTbl tr:first-child").effect("highlight", {}, 3000); 
}); //this is from jquery.com page. 

Answer 2

당신이 당신의 CSS에서 클래스의 하이라이트를 설정 이제 경우이

$(window).load(function() { // that way, the transition won't start until the whole page has loaded. note I think you may only have one of these events. 

    $('#my-table tr:last td').addClass('highlight'); 

    setTimeout(function() { 
     $('#my-table tr:last td').animate({ backgroundColor: 'transparent' }, 1000); 

    }, 3000); 



}); 

같은 약, 페이지는 마지막 테이블 행을 강조 표시해야하며 약 3 초 안에 정상으로 사라집니다.

Answer 3

시도해보십시오. jQuery UI in order to use the highlight effect이 필요합니다.

$('a').click(function(){ 
    $('tr').effect('highlight', 3000); 
});