Получить номер столбца флажка при изменении

Question

Я пытаюсь получить номер столбца таблицы флажка при выборе

Ниже приведен код, который я пробовал, но он возвращает 0. Как лучше всего это сделать?

 $(document).on('change', '.select_all_checkbox', function() {
        var columnNo = $(this).index();
        alert(columnNo);
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

Возвращает ноль, потому что index() без аргумента возвращает индекс этого элемента в его братьях и сестрах, и этот флажок, скорее всего, не имеет братьев и сестер

Требуется индекс родителя <td>

var columnNo = $(this).parent().index();
// OR
var columnNo = $(this).closest('td').index();