복붙노트

[JQUERY] jQuery를 표 행 및 열 번호

JQUERY

jQuery를 표 행 및 열 번호

해결법


  1. 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. 2.

    $('td').click(function() {
        var myCol = $(this).index();
        var $tr = $(this).closest('tr');
        var myRow = $tr.index();
    });
    

  3. 3.클릭에 열 인덱스를 가져옵니다 :

    클릭에 열 인덱스를 가져옵니다 :

    $(this).closest("td").index();
    

    클릭에 ROW INDEX를 가져옵니다 :

    $(this).closest("tr").index();
    

  4. 4.내 머리 위로 떨어져, 한 가지 방법은 이전의 모든 요소를 ​​잡고 그들을 계산하는 것입니다.

    내 머리 위로 떨어져, 한 가지 방법은 이전의 모든 요소를 ​​잡고 그들을 계산하는 것입니다.

    $('td').click(function(){ 
        var colIndex = $(this).prevAll().length;
        var rowIndex = $(this).parent('tr').prevAll().length;
    });
    

  5. 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. 6.그것의 더 나은 클릭 된 TD를 얻을 수 event.target을 사용하여 다음 전체 테이블에 클릭 핸들러를 바인딩하고 있습니다. 모든 그게 전부 나는 그것 오전 1시 20분로이에 추가 할 수 있습니다

    그것의 더 나은 클릭 된 TD를 얻을 수 event.target을 사용하여 다음 전체 테이블에 클릭 핸들러를 바인딩하고 있습니다. 모든 그게 전부 나는 그것 오전 1시 20분로이에 추가 할 수 있습니다

  7. from https://stackoverflow.com/questions/788225/table-row-and-column-number-in-jquery by cc-by-sa and MIT license