Junior Setti

Ola pessoal, estou com uma duvida, se alguem puder me ajudar: <script type="text/javascript"> $(document).ready(function() { // Exibir itens ao clicar no botão 'Detalhes' $('.detalhes-btn').on('click', function(e) { e.preventDefault(); var produtoId = $(this).data('produto-id'); $.ajax({ url: '{% url "get_itens_receita" 0 %}'.replace('0', produtoId), type: 'GET', success: function(response) { var itensTable = $('#itens_receita tbody'); itensTable.empty(); $.each(response.itens, function(index, item) { var newRow = $('<tr>'); newRow.append('<td>' + (index + 1) + '</td>'); newRow.append('<td>' + item.ingrediente + '</td>'); newRow.append('<td class="text-center">' + item.quantidade + ' ' + item.medida + '</td>'); newRow.append('<td class="text-center">R$ ' + parseFloat(item.preco_custo).toFixed(2) + '</td>'); newRow.append('<td class="text-center"><button class="btn btn-danger excluir-btn" data-item-id="' + item.id + '">Excluir</button></td>'); itensTable.append(newRow); }); // Excluir item ao clicar no botão 'Excluir' $(document).on('click', '.excluir-btn', function(e) { e.preventDefault(); var itemId = $(this).data('item-id'); if (typeof itemId === 'undefined') { console.error('item-id is undefined'); return; } $.ajax({ url: '{% url "excluir_item_receita" %}', type: 'POST', data: { 'item_id': itemId, 'csrfmiddlewaretoken': '{{ csrf_token }}' }, success: function(response) { if (response.success) { // Remove a linha da tabela var row = $('.excluir-btn[data-item-id="' + itemId + '"]').closest('tr'); row.remove(); } else { console.error('Erro ao excluir o item:', response.error); } }, error: function(xhr, status, error) { console.error('Erro ao excluir o item:', error); } }); }); }); </script> Não estou conseguindo pegar o "item.id" (linha amarela) e atribuir a variavel var itemId = $(this).data('item-id'); (linha verde)