2012-08-01 2 views
-5

HTML 테이블의 행 교체 jQuery를 사용하여 기존 코드를 가볍게 치기. 문제는 jQuery를 태그하기 때문에이 당신에게HTML 테이블의 행 교체 jQuery 사용

$(document).ready(function() { 

      $('#Students > tbody > tr:odd').css("background-color", "green"); 

}); 
+3

무엇이 문제입니까? –

+0

무엇을 시도 했습니까? 코드는 어디에 있습니까? 내가 묻는 것을 이해하지만 테이블, div, 다른 요소를 사용하고 있습니까? – Tim

답변

1

희망은, 내가 jQuery를 솔루션이 작동 것 같아요.

jQuery에 element selector을 사용하고 tr 개의 요소 ($("tr"))를 모두 선택할 수 있습니다.

그런 다음 적절한 방법을 사용하여 원하는 작업을 수행 할 수 있습니다.

  • .css()

  • .animate()
  • 등등 그것을 어떤 애니메이션을 적용하기 위해 일부 스타일링 숨길
  • .hide()을 변경한다.

가 될 것 몇 가지 ...

한 가지 예를 이름을 지정하려면 :

$("tr").css("color", "#ccc"); // Change the font color 

더 특정 코드를 얻으려면, 당신은 당신의 질문을 명확히하고 당신이 수행 할 작업을 설명 할 것이다 테이블 행

+0

고마워요. 내 경우에는 잘 작동합니다 :-) – Codesen

0

도움이 될 것입니다

+0

질문의 "번갈아 가며"부분 (기술적으로는 질문이 아닙니다)을 언급하는 것을 잊었을 것 같습니다. 그렇지 않으면 훌륭한 대답입니다. :) – Zhihao

+0

@ Zhihao 감사합니다! 기술적으로 나는 그것을 잊지 않았다. "HTML 테이블의 행 교체"란 홀수 행이 짝수 행과 다르게 보이는 줄무늬 표를 의미했기 때문에 그 부분을 남겨두고 질문을 명확히 할 것으로 예상했습니다. –