jQuery nested loop

Question

Current situation:

if (data && Array.isArray(data.results)) {
    data.results.forEach(item => {
        table.append
            (`
            
                
                    
                
                ${item.id}
                
                    ${item.name}
                
                
                    ${item.vendor}
                
                
                    ${item.desc}
                
                
                    ${item.price}
                
            
        
        
            
                
                ${item.productstock.vendor_specific_id}
                ${item.productstock.distributor}
                ${item.productstock.stock}
                ${item.productstock.price_override}
                                
        `);
    });
}

In the second table i want a list of vendors. item.productstock is an array but how can I loop over it inside this append table?

Two questions

Is it possible to append a for loop in the second tbody?
Is it possible to give the second table their own column names without creating duplicates

Nidhin Joseph · Accepted Answer

Firstly, to have a table inside tbody, you need to have the semantics as tbody > tr > td > table.

Secondly, you can use a function to return a string for looping inside string interpolation.

if (data && Array.isArray(data.results)) {
    data.results.forEach(item => {
        table.append
            (`
                        
                            
                                
                            
                            ${item.text}
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.sku}
                            
                            
                                ${item.price}
                            
                            
                                ${item.price}
                            
                        
                    
                    
                        
                            
                                
                                    ${ populateStock(item.productstock) }
                                
                                    
                                        vendor_specific_id
                                    
                            
                        
                    `);
    });

    function populateStock(productstock) {
        let final_str = '';
        productstock.forEach(item => {
            final_str += `
            
                ${item.vendor_specific_id}
                ${item.distributor}
                ${item.stock}
                ${item.price_override}
            `
        });
        return final_str;
    }
}

jQuery nested loop

Answers (2)

Related Questions