获取更改复选框的列号

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();