javascript - 将项目添加到数组中 - 单独

Question

目标:单击按钮并将成分作为单独的项目添加到数组中。

当前设置:

    <% currentUser.ingredients.forEach(function(items){ %> 
   <p class='ingredients'>  <%= items %> </p>
    <% }) %>

这给出:蓝莓芒果柠檬汁

然后我希望能够通过单击按钮将成分作为单独的项目添加到数组中:

var allIngredients = []

$("#makeList").click(function() {

allIngredients.push($(".ingredients").text())
console.log(allIngredients)

}); 

这会打印[“蓝莓芒果柠檬汁”]

问题是这都是一个项目而不是单独的项目。

我需要更改什么才能使它们成为单独的项目？

Answer 1

您需要迭代$('.ingredients')

var allIngredients = [];

$("#makeList").click(function() {

    $(".ingredients").each(function() {
        allIngredients.push($(this).text());
    });

    console.log(allIngredients);

});