遍历数组并将项匹配到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元素的长度。

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

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>');    
}