Javascript jquery每个都不递增

我试图通过点击一个按钮一个接一个地显示一组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;
    }

}

---

感谢您的帮助。提前谢谢。

为什么不直接做$（'.newcomponent'）.show（）？这将显示所有使用NewComponent类的元素

为什么在

.newComponent

中循环。只需使用jQuery显示（）即可，如下所示：

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

---

那个密码。。。根本没有任何意义。您没有正确地使用每个。您也没有正确使用

$（选择器，上下文）

，整数不能是上下文…返回false会中断循环并停止迭代。您不需要声明elementNumber，也不需要增加它，这将是所选元素的索引。我想您需要做的是使用全局变量。在您的函数之外定义变量的范围。然后，每次执行该函数时，将其递增。或者，您可以执行类似$（'.newIngedient:visible:last'）.next（'.newIngedient'）.show（）的操作；