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利用可能な要素の長さだけこれを続ける必要があります。

基本的に、「items」内のすべてのアイテムarrayと、一致する「idnumber」属性を持つすべての要素と、同じ ID 番号を含む配列内のアイテムとの照合です。