jquery每个都不增加

Question

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

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 show（）就可以了：

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