在构建列表期间设置<li>类</li>

Question

我有一个产品的JSON文件，我循环浏览产品，然后将它们添加到一个列表中，然后打印出来。他们正在打印并且一切正常，直到我想要过滤产品。要过滤产品，我需要使用<li>标记中的类标识符。

首先，我将其设置为空，但我需要设置值，因为它们来自JSON文件，因此我假设有一种方法可以执行此操作。下面，我试图设置它，我也打印出类别（现在注释掉），检查它们是否是我想要的值，它们是什么。所以现在，我想将<li class=''>中的类设置为变量类别。

var output = "<ul id='productList'>";
$.getJSON("products.json", function(result) 
{

    var output = "<ul id='productList'>";

    for (var i in result.products) 
    {
        output += "<li class=''>" + "<figure class='prodInfo'>" + "<a href='#link'>" +" <span class='link'>" + "</span>" + "</a>" + "<img src='Images/saxophone.png' alt='instrument' width='120' height='120'> " + "<figcaption>" + result.products[i].make + " " 
        + result.products[i].model + "<br/>" + result.products[i].name + "<br/>" + result.products[i].price + "</figcaption>" + "</figure>" + "</li>";

        var categories = result.products[i].category;
        //document.getElementById("test").innerHTML = categories;
        //$("li").addClass(categories);


    }

    output += "</ul>";

我很迷茫，我想我误解了我试图去做的方式，所以对于去哪里或如何设置它的任何帮助将不胜感激。