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

Question

我正在寻找一种更直观的方式来运行下面的代码(因为它对我的目的来说也是不完整的)。

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 元素的长度内继续。

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

Answer 1

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

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