[JQUERY] jQuery를 표 행 및 열 번호
JQUERYjQuery를 표 행 및 열 번호
해결법
-
1.당신이 열 번호를 얻기 위해 그것의 부모 TR에서 TD의 인덱스를 확인하실 수 있습니다 예를 들어, 당신은, 주어진 상황에서 코어 / 인덱스 기능을 사용할 수 있습니다, 당신은 행 번호를 얻기 위해, 테이블에 TR 지수를 확인할 수 있습니다 :
당신이 열 번호를 얻기 위해 그것의 부모 TR에서 TD의 인덱스를 확인하실 수 있습니다 예를 들어, 당신은, 주어진 상황에서 코어 / 인덱스 기능을 사용할 수 있습니다, 당신은 행 번호를 얻기 위해, 테이블에 TR 지수를 확인할 수 있습니다 :
$('td').click(function(){ var col = $(this).parent().children().index($(this)); var row = $(this).parent().parent().children().index($(this).parent()); alert('Row: ' + row + ', Column: ' + col); });
여기에 실행 예를 확인하십시오.
-
2.
$('td').click(function() { var myCol = $(this).index(); var $tr = $(this).closest('tr'); var myRow = $tr.index(); });
-
3.클릭에 열 인덱스를 가져옵니다 :
클릭에 열 인덱스를 가져옵니다 :
$(this).closest("td").index();
클릭에 ROW INDEX를 가져옵니다 :
$(this).closest("tr").index();
-
4.내 머리 위로 떨어져, 한 가지 방법은 이전의 모든 요소를 잡고 그들을 계산하는 것입니다.
내 머리 위로 떨어져, 한 가지 방법은 이전의 모든 요소를 잡고 그들을 계산하는 것입니다.
$('td').click(function(){ var colIndex = $(this).prevAll().length; var rowIndex = $(this).parent('tr').prevAll().length; });
-
5.당신은 출력 셀의 데이터는 테이블을 만들 수있는 것을?
당신은 출력 셀의 데이터는 테이블을 만들 수있는 것을?
그래서 테이블은 다음과 같이 보일 것이다 :
<table> <thead>...</thead> <tbody> <tr><td data-row='1' data-column='1'>value</td> <td data-row='1' data-column='2'>value</td> <td data-row='1' data-column='3'>value</td></tr> <tbody> </table>
다음은 간단한 문제가 될 것입니다
$("td").click(function(event) { var row = $(this).attr("data-row"); var col = $(this).attr("data-col"); }
-
6.그것의 더 나은 클릭 된 TD를 얻을 수 event.target을 사용하여 다음 전체 테이블에 클릭 핸들러를 바인딩하고 있습니다. 모든 그게 전부 나는 그것 오전 1시 20분로이에 추가 할 수 있습니다
그것의 더 나은 클릭 된 TD를 얻을 수 event.target을 사용하여 다음 전체 테이블에 클릭 핸들러를 바인딩하고 있습니다. 모든 그게 전부 나는 그것 오전 1시 20분로이에 추가 할 수 있습니다
from https://stackoverflow.com/questions/788225/table-row-and-column-number-in-jquery by cc-by-sa and MIT license
'JQUERY' 카테고리의 다른 글
[JQUERY] 어떻게 jQuery를 사용하여 여러 선택 상자의 값을 얻으려면? (0) | 2020.10.25 |
---|---|
[JQUERY] HTML5 : 정수만을 취 번호 입력 형? (0) | 2020.10.25 |
[JQUERY] 어떻게! ~ (안되지 물결 / 플레이 플레이 물결표)는 '포함 / 포함'배열 메서드 호출의 결과를 변경? (0) | 2020.10.25 |
[JQUERY] 내가 jQuery의 클릭 () 나는 바인딩과에 이벤트 처리기를 바인딩 이미 클릭하지 않은 경우 <A> 링크를 따라하기를 호출 할 수 있습니까? (0) | 2020.10.25 |
[JQUERY] 어떻게 맨 위로 점프에서 '#'링크를 클릭을 방지하기 위해? (0) | 2020.10.25 |