2011-04-06 5 views
0

내가 아주 간단한 테이블을 가지고 있다고합시다.자바 스크립트 : 테이블을 반복하고 자바 스크립트에서 두 번째 셀을 제거하는 방법

<table> 
    <tr> 
     <td>TextFirst</td> 
     <td>TextSecond</td> 
    </tr> 
</table> 

어떻게 테이블을 가로 지르고 "TextSecond"를 제거 할 수 있습니까? 표는 임의의 수의 행 또는 셀이 될 수 있습니다.

+0

두 번째 또는 모든 TextSecond를 꺼내기 만하면됩니까? – corroded

+0

모든 행에 대해이 작업을 수행 하시겠습니까? 아니면 첫 번째? 제거가 발생하기 위해 충족되어야하는 조건은 무엇입니까? –

+0

모든 행에 대해이 작업을 수행하고 행이 더 많을 수 있습니다. – WilliamTheStudent

답변

1
$("table td:nth-child(2)").remove() 
+0

코드 서식을 보려면 [마크 업 도움말 페이지] (http://stackoverflow.com/editing-help/)를 읽어보십시오. :) –

+0

kek 내가 미안할만큼 빨리 썼다. : P ill fix now now. – corroded

+0

걱정하지 마라. 그것은 당신이 rep> 2000 ...로 코드를 포맷하는 방법을 모르는 것이 이상해 보였습니다. :) –

3

당신은 적어도 두 가지 옵션은 내가 생각할 수있다 :

$('td:nth-child(2)').remove(); 

또는

var removeThis = document.getElementsByTagName('td')[1]; 
removeThis.parentNode.removeChild(removeThis); 

JS Fiddle demo. 당신은 nth-child 사용할 수 있습니다

+1

': eq()'인덱스는 0부터 시작한다고 믿는다. – zdyn

+0

아 ... ** d **, 예 : 네가 맞아! 한숨 ... 나는 그것도 알고 있었다. +1 좋은 눈, 그리고 감사합니다. ** 답장으로 수정 ** :) –

+0

우리의 가장 좋은 일이] – zdyn

0
//var table = document.getElementById("?"); 
    for (i=0; i < table.rows.length; i++) 
    { 
     if (table.rows[i].cells.length > 1) 
      table.rows[i].cells[1].removeNode(true); 
    } 

또는 일부 조건에 따라 셀을 삭제합니다. 그냥

//var table = document.getElementById("?"); 
    for (i=0; i < table.rows.length; i++) 
    { 
     for (j = table.rows[i].cells.length - 1; j >= 0; j--) 
     { 
      if (table.rows[i].cells[j].innerHTML == 'TextSecond') 
       table.rows[i].cells[j].removeNode(true); 
     } 
    } 
관련 문제