내 테이블에 hightlight 효과 (jQuery) 적용

Question

나는 얼룩말 줄무늬가있는 테이블을 가지고 있습니다 (홀수 행마다 다른 배경색). 행을 편집 한 후 jQuery가 제공하는 강조 효과 (3 초 동안 배경색 변경)를 적용합니다. 흰색 행에서만 작동합니다 (배경색 없음).

이 하이라이트 효과가 모든 행에 aplied 할 수있는 모든 기회? 여기

$('#MyRowToHighlight').effect("highlight", {}, 1500); 

내 테이블의 머리 : 여기

는 자바 스크립트 파일의 코드는 다음

<table class="zebra-striped"> 
    <thead> 
     <tr> 
      <th>Company</th> 
      <th>Username</th> 
      ... 

가의 CSS입니다 얼룩말 줄무늬 :

.zebra-striped tbody tr:nth-child(odd) td{background-color:#f9f9f9;} 
.zebra-striped tbody tr:hover td{background-color:#f5f5f5;} 

감사합니다.

Answer 1

당신의 선택은 "#MyRowToHighlight"되는 기준으로, 사용자가 보여준 제한된 HTML과 JS에서 내 추측, 당신의 하이라이트 효과는 TR에, 즉, 행 수준에서 적용되고 있음을하지만, 스타일 시트가 적용됩니다 셀 레벨의 홀수 행, 즉 tds에 대한 배경색. tr 스타일은 td 스타일에 의해 트럼프됩니다. 내가 옳은 길을 가고 있다고 가정 할 때, 강조 표시가 짝수 행에서 작동하는 이유는 자신의 tds에 스타일이 없다는 것입니다.

그래서,이 라인에서 선택을 변경 시도 :

$('#MyRowToHighlight').effect("highlight", {}, 1500); 

은 행의 TDS에 효과를 적용하려면 :

$('#MyRowToHighlight td').effect("highlight", {}, 1500);