javascript - 查找动态添加元素的索引

Question

我需要能够识别单击了哪个动态添加的复选框(通过索引或名称或其他方式)。这是我在类似问题上发现的 fiddle :JSFiddle

我希望它显示为“This is the 3rd checkbox”而不只是“clicked”。这可能吗？

我试过 $(this).index() 但没有成功。

Answer 1

首先，您可以使用 index() 获取匹配集中当前元素的索引。从那里您可以使用辅助函数来格式化要显示的序号。试试这个:

$(document).on('change', '[type=checkbox]', function (e) {
    alert('This is the ' + getOrdinal($(this).index('[type=checkbox]') + 1) + ' checkbox');
});

function getOrdinal(n) {
    var s = ["th", "st", "nd", "rd"],
        v = n % 100;
    return n + (s[(v - 20) % 10] || s[v] || s[0]);
}

Example fiddle