반응형
테이블의 행 번호 구하기
테이블의 행번호는 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()를 사용한다.
반응형
'코딩 관련 > Javascript와 jQuery, JSON' 카테고리의 다른 글
[JQuery][AJAX] AJAX로 동적 게시판 구현 (0) | 2020.10.20 |
---|---|
[javascript]한글 가상 키보드 만들기 (4) | 2020.10.20 |
[JavaScript] javascript keycode 확인 (0) | 2020.10.05 |
[JavaScript][JQuery] jquery 정규식 영문,숫자만 사용 체크 등 (0) | 2020.10.01 |
[AJAX] AJAX 데이터 한글 깨짐 현상 (0) | 2020.09.28 |