Jquery 当前JSON无序列表需要更好的解决方案

我仍在学习JSON和JS，我知道这不是正确的方法。我有一堆循环，因为我需要在无序列表中显示特定的项目。我希望有人能帮助我，使这个代码更好的格式，我知道一定有更好的方法来做到这一点。您将看到我通过其ID瞄准每个项目，并在UL中显示该项目

$(document).ready(function() {
    'use strict';

    $.ajax({
     dataType: "jsonp",
     url: '',
     success: function(data){

        var recipeIngredients = "<ul class='recIngLink'>";

        recipeIngredients += "<li>" + '2 tbsp butter' + "</li>";

        $.each(data, function(i, item) {
            if (item._id == "57911b238d30bc8e78002cf2") { 
                recipeIngredients += "<li>" + '3 tbsp ' + item.itemName + "</li>"; 
            }
        });

        recipeIngredients += "<li>" + '1 onion, finely chopped' + "</li>";

        $.each(data, function(i, item) {
            if (item._id == "5846df5e06552ba30a00000d") { 
                recipeIngredients += "<li>" + '2 cloves ' + item.itemName + ', crushed' + "</li>"; 
            }
        });

        $.each(data, function(i, item) {
            if (item._id == "585c1f57fd50cb0000000257") { 
                recipeIngredients += "<li>" + '1 ½ cups ' + item.itemName + "</li>"; 
            }
        });

        recipeIngredients += "<li>" + '1 cup pumpkin, diced' + "</li>";

        recipeIngredients += "<li>" + '½ cup chopped parsley, optional' + "</li>";

        recipeIngredients += "</ul>";       

        $('#recipeIngredients').append(recipeIngredients);

      }
   });
});

$（文档）.ready（函数（）{
"严格使用",；
$.ajax({
数据类型：“jsonp”，
url:“”，
成功：功能（数据）{
var recipeingedints=“
”；
接收成分+=“
”+“2汤匙黄油”+“
”；
$。每个（数据、功能（i、项）{
如果（项目id==“57911b238d30bc8e78002cf2”）{
接收要素+=“
”+“3汤匙”+item.itemName+“
”；
}
});
接收成分+=“
”+“1个洋葱，切碎“+”
”；
$。每个（数据、功能（i、项）{
如果（项目id==“5846df5e06552ba30a00000d”）{
RecipeiveElements+=“
”+“2丁香”+item.itemName+”，压碎“+”
”；
}
});
$。每个（数据、功能（i、项）{
如果（项目id==“585C1F7FD50CB0000000257”）{
RecipeivingElements+=“
”+“1½杯”+item.itemName+“
”；
}
});
接受成分+=“
”+“1杯南瓜，切成丁“+”
”；
接收成分+=“
”+”½杯切碎的欧芹，可选“+”
”；
接收元件+=“
”；
$（'#RecipeingElements'）。追加（RecipeingElements）；
}
});
});

如果配料顺序无关紧要，只需在单个

循环中使用switch语句即可。@Gone-Coding它们确实很重要，不幸的是，这是食谱的创建方式我感觉这是一个XY问题。代码的总体目标是什么？使用该提要中特定属性的详细信息仅显示一个配方？如果是这样的话，你真的应该将提要减少到只需要的信息，并作为字典键返回，IDI有一个无序列表，对于这个特定的配方，我从DB中提取产品名称作为配料。所以这个“南瓜意大利饭”的无序列表在一个页面上，我从数据库中提取了配方中使用的产品名称。所以你下载了一个400kb的提要只是为了得到一些名称。是的，这不是解决问题的方法：）JSON就是要传输所需的最小数据量。最好有一个单独的提要URL，您在其中提供ID，它只返回该产品的适当详细信息。即使是3个单独的Ajax调用也比传输400kb快得多