코딩 관련/Javascript와 jQuery, JSON
[JavaScript][JQuery] javascript rowIndex와 jquery Index
메리짱123
2020. 10. 12. 09:58
반응형
테이블의 행 번호 구하기
테이블의 행번호는 0부터 시작
tr의 번호를 구하는것
테이블 한 행의 코드
<tr>
<td height="300" align="center">
Comment<br>
<input type="button" value="행 지우기" onclick="deleteRow(this)">
</td>
<td valign="top">
<textarea name="boardVoList[0].boardComment" rows="20" cols="55" id="boardComment0" maxlength="499">${board.boardComment}</textarea>
</td>
</tr>
this를 함수로 넘겨서 index를 구한다.
테이블 행 인덱스 구하는 script
function deleteRow(obj){
alert($j(obj).parent().parent().index());
alert(obj.parentNode.parentNode.rowIndex);
var tr=$j(obj).parent().parent();
//tr.prev().remove();
//tr.prev().remove();
//tr.remove();
}
함수에서 넘겨받은 인자 obj = input(button)객체
obj.parentNode = td객체
obj.parentNode.parentNode = tr객체
jQuery의 경우 index()를 사용,
javascript의 경우 rowIndex()를 사용한다.
반응형