javascript - 遍历数组并将项目匹配到html元素

我正在寻找一种更直观的方式来运行以下代码（因为它对我的目的来说还不完整）。

for (j = 0; j<items.length; j++) {
            var indivItem = items[j];
               if (indivItem.category == 1) {
                  $('.indiv_category[idnumber="1"]').append('<ul class="left_side_item"><li>'+indivItem.title+'</li></ul>');
               }
               else if (indivItem.category == 2) {
                  $('.indiv_category[idnumber="2"]').append('<ul class="left_side_item"><li>'+indivItem.title+'</li></ul>');
               }
            }

本质上，我需要第3行检查if (indivItem.category > 0)，然后查找具有匹配的idnumber属性的元素，并附加必要的信息。

对于可用的.indiv_category元素，我需要继续。

基本上，“项目” array中的所有项目与所有元素的匹配，对包含相同ID号的数组中的项目具有匹配的“ idnumber”属性。

最佳答案

删除条件，然后在选择器中使用变量items[j].category。