동적 HTML 테이블에서 데이터를 가져 오는 가장 간단한 방법

Question

동적 HTML 테이블에서 데이터를 가져 오려고합니다. 사용자는 자바 스크립트를 통해 행을 추가하거나 삭제하고 테이블 입력 필드에 데이터를 입력하는 옵션이 필요합니다. 테이블에서 데이터를 가져 오는 방법이 필요합니다. 자바 스크립트 파일에 쓸 수 없다는 것을 알고 있지만 다른 옵션이 있습니까?

감사합니다. 모든 도움이 크게 감사드립니다!

** 편집 : 테이블에 행/열을 추가 및 삭제하므로 텍스트 입력이 동적으로 만들어지고 해당 필드에서 값을 가져 오려고합니다.

Answer 1

간단한 JS 함수를 만들어 배열 형식으로 데이터를 추출 할 수 있습니다. 나는 이것을 위해 매우 간단한 테이블을 가정하고있다. 나는 쉽게 JQuery와 사용했습니다하지만 당신은 .. 자바 스크립트와 내가 쉽게 JQuery와 사용했습니다

<table id="mytable"> 
<tr> 
    <td>1</td> 
    <td>3</td> 
    <td>4</td> 
    <td>2</td> 
</tr><tr> 
    <td>5</td> 
    <td>6</td> 
    <td>7</td> 
    <td>8</td> 
</tr><tr> 
    <td>9</td> 
    <td>31</td> 
    <td>42</td> 
    <td>23</td> 
</tr> 
</table> 
<script> 
    getAllDataFromTable(); 
</script> 

를 동일한 작업을 수행 할 수 있지만 당신은 .. 자바 스크립트와 같은 작업을 수행 할 수 있습니다

function getAllDataFromTable(){ 
    var mydata = Array(); 
    for(i=0;i<$('#mytable').find("tr").length;i++){ 
    mydata[i] = Array(); 
    var currentRow = $('#mytable').find("tr").eq(i); 
    for(j=0; j< currentRow.find('td').length ;j++){ 
     mydata[i][j] = currentRow.find('td').eq(j).html() 
    }; 
    }; 
    alert(JSON.stringify(mydata)) 
} 

https://jsfiddle.net/9yuc3bvj/