如何獲得帶有類的元素的當前索引？ （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 ) );之間的區別$('.nomeItem').index( $( this ) ); 和$( this ).index( ); 在行動。

Answer 2

嘗試這樣的事情：（假設您的產品類別為“ clsProduct”

$(document).on("change", ".clsProduct.nomeItem", function() {