javascript: uzyskanie indeksu td

Question

Powiel możliwe:
Table row and column number in jQuery

Jeśli mam tabeli tak:

<table> 
    <thead> 
    <tr><th>1</th> <th>2</th> <th>3</th></tr> 
    </thead> 

    <tbody> 
    <tr><td>data</td> <td>checkbox</td> <td>data</td></tr> 
    </tbody> 
</table> 

Gdy użytkownik kliknie pole wyboru, chcę aby uzyskać indeksy wierszy i kolumn. Mogę dostać indeks wiersza przy użyciu tego kodu:

var row = $(this).parent().parent(); 
var rowIndex = $(row[0].rowIndex); 

ale nie mogę dowiedzieć się indeks kolumny ...

próbowałem tego, ale to nie działa:

var colIndex = $(row.children().index(this).parent()); 

Przejrzałem wyniki podobnych pytań tutaj i wydaje się, że muszę iterować przez wszystkie tds z każdym z nich lub mapą, czy jest coś prostszego, czego mogę użyć? Dzięki.

Answer 1

Zdobądź indeks <td> pierwsze, ponieważ znajduje się na drodze do <tr>:

var cell = $(this).closest('td'); 
var cellIndex = cell[0].cellIndex 

var row = cell.closest('tr'); 
var rowIndex = row[0].rowIndex; 

albo stosując metodę parents()^[docs] wraz z multiple-selector^[docs], można zrobić wybór dla obu naraz:

var cellAndRow = $(this).parents('td,tr'); 

var cellIndex = cellAndRow[0].cellIndex 
var rowIndex = cellAndRow[1].rowIndex;