each em em objeto com titulo e itens

[jrlsantana]

Preciso fazer dois each para pegar os filhos do primeiro, tem dois objetos, mas ele só pega os itens do ultimo,

alguém pode me ajudar?

 $('view').empty();
                $(data).each(function (i, item) {
                    
                    $('#table').append(
                        '<td> Mesa :  ' + item.table + '</td>'
                    );
                    
                    $(item.itens).each(function (x, item2) {
                        $('#item').append(

                                '<div style="border-style:solid; border-block-color:gray; border-width:thin">' +
                                '<ul id="itens">' +
                                '<li>' + item2.amount + ': ' + item2.name + '</li>' +
                                '</ul>' +
                                '</div>'
                            );
                    });
                });  

[lowys]

Mostre-nos a estrutura do array: data

[jrlsantana]

[
    {
        "orderId": 40,
        "table": 10,
        "status": false,
        "itens": [
            {
                "id": 16,
                "product_id": 5,
                "order_id": 40,
                "name": "Cerveja Skol Lata 300 ml",
                "amount": 1
            },
            {
                "id": 17,
                "product_id": 8,
                "order_id": 40,
                "name": "Agua",
                "amount": 2
            }
        ]
    },
    {
        "orderId": 41,
        "table": 20,
        "status": false,
        "itens": [
            {
                "id": 18,
                "product_id": 1,
                "order_id": 41,
                "name": "Pastel",
                "amount": 1
            },
            {
                "id": 19,
                "product_id": 3,
                "order_id": 41,
                "name": "X-Salada",
                "amount": 1
            },
            {
                "id": 20,
                "product_id": 4,
                "order_id": 41,
                "name": "Batata frita",
                "amount": 2
            }
        ]
    }
]

[wash]

Olá!
Considerando que #table seja uma tr (porque todos devem ficar dentro de trs)
Segue sugestão:
 

for (const item of data) {

  $('#table').append('<td> Mesa :  ' + item.table + '</td>')

  for (const item2 of item.itens) {
    $('#item').append(`
      <div style="border-style:solid; border-block-color:gray; border-width:thin">
        <ul id="itens">
          <li>${item2.amount} : ${item2.name}</li>
        </ul>
      </div>`,
    )
  }
}

 

[wash]

[jrlsantana]

14 horas atrás, wash disse:

O meu aqui também veio assim, os produtos são preenchidos apenas em uma mesa, enquato na 20 deveria vir algusn.

[wash]

Certo... então o sr. precisa que os itens fiquem dentro da mesma célula?
Lembre-se de que não conhecemos a sua estrutura html

for (const item of data) {
  let itemsForThisTable = ''
  for (const item2 of item.itens) {
    itemsForThisTable += ` <div style="border-style:solid; border-block-color:gray; border-width:thin">
        <ul id="itens">
          <li>${item2.amount} : ${item2.name}</li>
        </ul>
      </div>`
  }

  $('#table').append('<td> Mesa :  ' + item.table + itemsForThisTable + '</td>')
}

chutando que seria dentro da mesma célula:

Editado Maio 11, 2022 por wash