遍歷數組並將項匹配到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>');    
}