나는 여전히 js와 jQuery를 처음 사용합니다. 테이블을 반복하고 각 셀 (날짜 및 입력 "시작"및 "끝")에서 데이터를 가져 오는 방법은 무엇입니까?
<table class="table table-striped table-bordered table-hover table-condensed" id="entryTable">
<thead>
<th>Date</th>
<th>First Shift</th>
<th>Second Shift</th>
</thead>
<tbody>
<tr>
<td>2/1/2016</td>
<td>
<div id="time" class="form-group">
From: <input type="text" id="start01">
To: <input type="text" id="end01">
</div>
</td>
<td>
<div id="time" class="form-group">
From: <input type="text" id="start02" >
To: <input type="text" id="end02">
</div>
</td>
</tr>
</tbody>
</table>
다음은 테이블 값을 얻기 위해 JsFiddle을 위해 만든 Jsfiddle입니다.
그리고 내가 사용한 코드는
var date = $('#entryTable').find('tbody td:eq(0)').text();
var From01 = $('#entryTable').find('tbody td:eq(1) input:eq(0)').val();
var To01 = $('#entryTable').find('tbody td:eq(1) input:eq(1)').val();
var From02 = $('#entryTable').find('tbody td:eq(2) input:eq(0)').val();
var To02 = $('#entryTable').find('tbody td:eq(2) input:eq(1)').val();
Fiddle에서 버튼을 클릭하면 값을 가져 오는 버튼을 넣었습니다. 경고에 값을 표시하고 있습니다. 요구 사항에 따라 코드를 변경할 수 있습니다-목록 항목
편집 : 모든 td를 반복하려면이 작업을 수행 할 수 있습니다.
$.each($('#entryTable').find('tbody td), function(){
var currentTdOfLoop = $(this);
//do your stuff here
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다