jquery - 如何找到其祖 parent 或任何......的 parent 的元素索引？

Question

在我的表单中，我有许多复选框，它的直接父级是标签元素。因此，当我得到索引号时，它总是给出 0。

那么，如何获取from元素的索引号呢？所以我会得到“form”的祖父的复选框的索引号？

这是我的尝试:不醒来:

    $("form").on("click", ":checkbox", function () {
        console.log($(this).index($("form")));
    });

Answer 1

尝试:

var checkboxes = $('form').find('input:checkbox');
checkboxes.click(function() { 
    var selectedIndex = checkboxes.index($(this)); 
    console.log(selectedIndex); 

});  

这是工作 demo