javascript - 如何获取某个类元素的当前索引？ (JQuery)

Question

这是我的代码:

$(document).on("change", ".nomeItem", function() {
    if ($(this).val().length) {
        $(this).addClass("input-green");
        $(this).removeClass("input-red");
        $(this).removeClass("input-white");
        if (!($(this).index() in itemNames)) {
            itemNames.add($(this).index());
            itemNames.activate($(this).index());
        } else {
            itemNames.activate($(this).index());
        }
    } else {
        $(this).addClass("input-red");
        $(this).removeClass("input-green");
        $(this).removeClass("input-white");
        showGeneralMessage("É necessário preencher a quantidade!", "danger");
        itemNames.deactivate($(this).index());
    }
    console.log("Nome: " + JSON.stringify(itemNames));
});

在页面上，有一个添加新“产品”的按钮，该“产品”内部包含此类(“.nomeItem”)。 $(this).index() 应该给我当前索引(例如，如果我在第三个产品内触发更改事件)。尽管如此，它总是返回 1。如何获取具有类的元素的当前“eq”或索引？

Answer 1

尝试使用这个。这将从兄弟元素集合中找到当前索引:

$('.nomeItem').index( $( this ) );

无论如何请参阅DEMO这里。并检查 $('.nomeItem').index( $( this ) ); 之间的差异和$( this ).index( );行动中。