javascript - 使用class属性获取自动生成的元素的索引

我正在跟踪此this线程的aM1Ne答案（投票最多的一个）以进行绑定事件，因为我正在动态生成多个元素
我的js代码看起来像

$(document).on('click', ".myCheckBox" , function() {
    //.....
});

myCheckBox是分配给所有生成的复选框的类。现在我想要单击复选框的索引。我试过了

alert($(this).index());

内。但它始终显示0。有什么方法可以获取包含myCheckBox类的单击复选框的索引？

在HTML中，我有一个复选框

<input type="checkbox" name="" class="myCheckBox" >

并在一个按钮上，并在其onclick

$("#clickAdd").click(function()
{
    ("#myDiv").append("<input type=\"checkbox\"  class=\"myCheckBox\" >");
 });

最佳答案

我不知道真正的解释，但是这段代码就像魅力一样工作

$(document).on('click', ".myCheckBox" , function() {
     var checkIndex = $(this).closest('.myCheckBox').index('.myCheckBox');
     alert(checkIndex);
});