Problema de recuperar um atributo data

[Gustavo2503 0]

Estou com problema para recuperar um atributo data. No meu código php, que recupera os dados do usuário no banco de dados, eu usei um WHILE para escrever numa tabela estes dados, cada button tem um atributo data-modal, eu preciso deles para abrir um modal que editará suas informações, quando eu coloco este buttton dentro do while ele não o retorna, mas quando eu coloco o button fora do WHILE ele retorna o data-modal. Assim:

modal.js

$(document).ready( function(){

	$(".btn-modal").click( function(){
		const modal = $(this).attr("data-modal");
		const fecha = $(modal+" .fecha-modal");

		console.log("Irá abrir o modal: "+modal);

		$(modal).css("display", "block");
		$("body, html").css("overflow", "hidden");

		fecha.click( function() {
			$(modal+" > .modal-container").addClass("sobe-modal");
			setTimeout(function(){
				$(modal).css("display","none");
				$("body, html").css("overflow", "auto");
				$(modal+" > .modal-container").removeClass("sobe-modal");
			}, 400);
		});

		shortcut.add("Esc",function(){
			fecha.click();
		});
	});
	
});

 

tb_usuarios.php (neste caso o atributo data-modal não será retornado)

<?php
require_once '../bd/banco.php';

$sql = " SELECT * ";
$sql.= " FROM TB_USUARIOS ";
$sql.= " ORDER BY nome ASC ";

$resultado = mysqli_query($link, $sql);
if($resultado){
	while ($dados = mysqli_fetch_array($resultado, MYSQLI_ASSOC)) {
		$id_usu = $dados['id_usuario'];
		$nome = $dados['nome'];
		$email = $dados['email'];
		$telefone = $dados['telefone'];
		$cc = $dados['cc'];
		$perfil = $dados['perfil'];
		echo '
		<tr>
			<td>'.$nome.'</td>
			<td>'.$email.'</td>
			<td>'.$telefone.'</td>
			<td>'.$cc.'</td>
			<td>'.$perfil.'</td>
			<td>
				<button class="btn-modal" data-modal="#modal-edita-'.$id_usu.'">
					<span class="fa fa-pencil"></span>
				</button>
				<button>
					<span class="fa fa-close"></span>
				</button>
			</td>
		</tr>
		';
	}
} else {
	echo '
	<tr>
		<td colspan="6">
			<p style="color: #ff0000">Erro na execução da consulta. <a href="" target="_blank">Por favor entre em contato conosco</a></p>
		</td>
	</tr>
	';
}

 

index.php (neste caso o atributo data-modal será retornado)

<button class="btn btn-roxo btn-modal" data-modal="#modal-novo">
    <span class="fa fa-plus"></span>
    Novo
</button>

Me ajudem por favor!!!!

[tetsuo 0]

Olá! Você tem uma modal para cada id de usuário?
Mostre-nos o trecho onde você escreveu o html do modal

 

Esse trecho vai gerar um #modal-edita-(número) para cada registro encontrado de usuário

<button class="btn-modal" data-modal="#modal-edita-'.$id_usu.'">

Esse trecho, tenta chamar uma modal com id para cada usuário encontrado:

const modal = $(this).attr("data-modal");

$(modal).css("display", "block");

[Gustavo2503 0]

Opa! Eu já resolvi este problema. Eu coloquei o código do modal.js dentro tb_usuarios.php. Eu não sei porque mas foi. Mas obrigado pela atenção.