가넷sw
200
2020-11-03 15:52:51
6
862

jquery를 이용한 td index 찾는 방법


안녕하세요.

간단한 것 하나 문의 드리고자 합니다.



table의 tr의 onclick이벤트를 이용하여 현재 row의 column index를 알고자 합니다.



$("#grid").on("click", "tbody tr", function(e) {				
		
 });	


row index는 쉽게 찾을 수 있으나 column index는 찾을 수 없어

column index를 구할 수 있는지와

구할 수 있다면 jqeury로 어떻게 코딩하여야 index 값을 알 수 있는지 궁금합니다.


아시는 분 있으시면 답변을 부탁을 드립니다. 감사합니다.

0
  • 답변 6

  • 난한놈만패
    703
    2020-11-03 15:55:23

    https://www.google.com/search?q=jquery+find+index+in+array&oq=jquery+find+indx&aqs=chrome.2.69i57j0i13l4j0i13i30l3.13016j0j7&sourceid=chrome&ie=UTF-8

  • 가넷sw
    200
    2020-11-03 16:01:59

    @난한놈만패

    배열을 말씀드린 것이 아니라 테이블의 특정 tr을 클릭했을때 그 tr의 td index(column index)를 구할 수 있는지를 여쭤 보았습니다.

  • 로또왕
    103
    2020-11-03 16:18:13

    $('#dataTb3 tbody').on('click', 'td', function () {    

        var tb = $("#dataTb3").DataTable();

        var idx = tb.cell( this ).index().column;

    });

  • ukyo
    53
    2020-11-03 16:22:03
    $("#grid").on("click", "tbody tr", function(e) {				
         var cellindex =  e.target.cellIndex;
     });
  • 안녕타미
    117
    2020-11-03 16:22:04


    <table id="myTable">
        <thead>
            <tr>
                <th>이름</th>
                <th>나이</th>
                <th>전화번호</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>홍길동</td>
                <td>29</td>
                <td>010-1234-1234</td>
            </tr>
            <tr>
                <td>박길동</td>
                <td>28</td>
                <td>010-2323-4545</td>
            </tr>
            <tr>
                <td>최길동</td>
                <td>27</td>
                <td>010-2342-1111</td>
            </tr>
            <tr>
                <td>이길동</td>
                <td>26</td>
                <td>010-4444-3333</td>
            </tr>
        </tbody>
    </table>
    
    <script>
        const trs = document.getElementById("myTable").querySelectorAll("tr");
        for(const [trIdx,tr] of trs.entries()){
            const tds = tr.querySelectorAll("td");
            for(const [tdIdx, td] of tds.entries()){
                td.addEventListener("click",(e)=>{
                    console.log(`행 : ${trIdx}, 열 : ${tdIdx}`)
                })
            }
        }    
    </script>


  • 가넷sw
    200
    2020-11-03 17:04:37
    @ukyo
    var cellindex =  e.target.cellIndex;

    이 구분은 동작하지 않습니다
  • 로그인을 하시면 답변을 등록할 수 있습니다.