클래스 이름을 사용하여 td 요소를 숨기는 방법

Question

<table> 
     <tbody> 
     <tr> 
     <td class="A">More Html element</td> 
     <td class="B">More html element</td> 
     </tr> 
     <tr> 
     <td class="A">More Html element</td> 
     <td class="B">More html element</td>.....(2) 
     </tr> 
     <tbody> 
    <table> 

2 단계에서 jquery를 사용하는 방법을 숨길 수 있습니까?

Answer 1

예 -

$('td.B').eq(1).hide(); 

사용 eq 지정된 인덱스를 선택합니다.

Demo

Answer 2

$("TABLE TD.b").eq(1).hide();

이 세포가 테이블을 건너 이동과 레이아웃 문제가 발생할 수 있음을하지만 참고. 더 나은 해결책은 셀 안에 컨테이너 div를두고 그 대신에 숨기는 것입니다. 당신이 (<td class="B"><span class="hideMe">sadsa</span></td>를 TD 요소의 내용을 숨기해야

Answer 3

당신은 allso가이 $('td.B:nth-child(2)').hide();처럼 nth-child selector을 사용할 수 있지만 표는 경우에 따라 "야생"갈 수도있는 한 내가 정말 TD 요소를 숨기고 권 해드립니다하지 않습니다 그래서 당신은 jquery 선택자를 숨기려 할 것입니다. $('td.B:nth-child(2) .hideMe').hide();