헤더 행, 여러 행의 텍스트 입력 및 전체 행이있는 테이블이 있습니다. 사용자가 입력에 숫자를 입력하면 각 열의 합계가 총 행에 계산됩니다. 이 계산은 입력의 change()
이벤트가 발생하면 실행됩니다.테이블의 첫 번째 행에서 입력 선택
페이지가로드되면 테이블의 첫 번째 행에있는 텍스트 입력에서 change()
이벤트를 트리거 할 수 있기를 바랍니다. 올바른 선택기를 사용하는 데 어려움을 겪고 있습니다. Exampe 테이블 구조의
는 :
<table>
<tr class="tblRow headerRow">
<!-- header cells -->
</tr>
<tr class="altTblRow">
<td class="tableCell">
<input type="text" id="input1-1">
</td>
<td class="tableCell">
<input type="text" id="input1-2">
</td>
<td class="tableCell">
<input type="text" id="input1-3">
</td>
</tr>
<tr class="tblRow">
<td class="tableCell">
<input type="text" id="input2-1">
</td>
<td class="tableCell">
<input type="text" id="input2-2">
</td>
<td class="tableCell">
<input type="text" id="input2-3">
</td>
</tr>
<tr class="tblRow">
<td class="tableCell">
<input type="text" id="input3-1">
</td>
<td class="tableCell">
<input type="text" id="input3-2">
</td>
<td class="tableCell">
<input type="text" id="input3-3">
</td>
</tr>
<tr class="altTblRow totalRow">
<!-- total cells -->
</tr>
</table>
나는 선택기의 몇 가지를 사용했지만, 내가 무엇을 찾고 얻을 수 없었다.
$('.tblRow:first input').change();
$('.tblRow input').first().change();
$('.tblRow input').parent('tr').find('input').change();
내가 첫 번째 테이블 행에 바로 입력을 위해 사용하거나, 내가 처음 input
을 얻고 .parent()
를 사용하여 행을 가야 할 수있는 선택이 있습니까?
는 (참고 : 아이디의 코드 샘플에서 변경되었습니다 그렇지 않으면 내가 'input[class*=input1]'
를 사용하는 것)
나는 이것을 시도 할 것이다. 좋은 선택 인 것 같습니다. –