Loop through array and match items to html elements

Question

I am looking for a more intuitive way to run the code below (as it is also incomplete to my purpose).

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

Essentially I need line 3 to check if (indivItem.category > 0) then look for the element with a matching idnumber attribute and append the necessary info.

I need this continue for the length of available .indiv_category elements.

Basically a matchup of the all items in the 'items' array to all of the elements with a matching 'idnumber' attribute to the item in the array that contains the same id number.

Adil · Accepted Answer · 2013-03-07 17:36:55Z

3

Remmove the condition and just use the variable items[j].category in selector.

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

edited Mar 7, 2013 at 17:36

answered Mar 7, 2013 at 17:33

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Loop through array and match items to html elements

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related