javascript - jquery每个不增加

Question

我试图通过单击一个按钮一个一个地显示一组 div。我试图用 jquery 的 each 函数来做到这一点，但它只显示第一个元素，如果我再次单击它似乎试图再次显示相同的元素。这是我的代码：

function showNewElement(buttonName) {
    switch (buttonName) {
        case "ingrediente":
            var elementNumber = 0;

            p(".newIngredient").each(function (elementNumber) {
                p(this, elementNumber).show();
                elementNumber++;
                return false;
            });

            break;

        case "paso":
            console.log("pasoAdicional");
            break;
    }

}

任何帮助表示赞赏。提前致谢。

Answer 1

为什么不直接做 $('.newIngredient').show(); ? 这将显示带有 newIngredient 类的所有元素

Answer 2

为什么你循环通过.newIngredient. 只需使用 jQuery 显示（）它，例如：

case "ingrediente":
    var newIngredient = $('.newIngredient');
    // Count total number of ".newIngredient" element
    var elementNumber = newIngredient.length;
    // Make each element visible here
    newIngredient.show();
    break;