Question

Can i use native javascript for loop within jquery code? I have a construct in which $.each does not seem feasible. How can I loop in this situation?

the code inside the for loop is not working. any advice would be appreciated.

if (item.relate){
    $(prodHeading).append(item.name);
    if (item.image) {$(prodContent).append(item.image);}
    if (item.description) {
        $(prodContentText).append(item.description); 
        $(prodContent).append(prodContentText);
    }
    $(prodBox).append(prodHeading);
    $(prodBox).append(prodContent);

    //going to look for other attached items

    for (j=0; j<10; j++){
        var prodBox = $(document.createElement('div')).attr('class','productBox');
        var prodHeading = $(document.createElement('div')).attr('class','productBoxHeading');
        var prodContent = $(document.createElement('div')).attr('class','productBoxContent');
        var prodContentText = $(document.createElement('div')).attr('class','text');

        if ('item.image'+j) {$(prodContent).append(item.image);}
        if ('item.description'+j) {
            $(prodContentText).append(item.description); 
            $(prodContent).append(prodContentText);
        }
        $(prodBox).append(prodHeading); 
        $(prodBox).append(prodContent);
    }
}

Answer 1

First,

for (j=0; j<10; j++){

should be using a declared variable:

for (var j=0; j<10; j++){

Second,

if ('item.image'+j) {

does not make much sense. Every such string will pass an if condition. If you are looking whether an element exists, use:

if ($('item.image'+j).length) {