Uso SQL y PHP puro para el backend y HTML CSS JS para el frente.

En mi archivo HTML, tengo una parte de etiqueta de sección que contiene datos de mi base de datos que deben mostrarse en el frente.

Mi problema es que cuando clono la parte de la sección usando "Clonar nodo", los datos de la base de datos no se clonan y, por cierto, no se muestran...

Puede ver mi código aquí para importar datos de mi tabla SQL.

 $.ajax({ type: "GET", url: "backend-script.php", dataType: "html", success: function(data){ var val = 0; var data_j = JSON.parse(data); $("#table-container").html(data_j[0]['title_advertisement']); } })

Aquí la sección clonada:

 <section class="py-5"> <div class="container px-4 px-lg-5 mt-5"> <div class="row gx-4 gx-lg-5 row-cols-2 row-cols-md-3 row-cols-xl-4 justify-content-center"> <div class="col mb-5"> <div class="card h-100"> <!-- Product image--> <img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." /> <!-- Product details--> <div class="card-body p-4"> <div class="text-center"> <!-- Product name--> <h5 class="fw-bolder"> <div id="table-container"></div> </h5> <!-- Product price--> </div> </div> </div> </div> </div> </div> </div> </div> </section> <script>

La línea importante aquí es

 <div id="table-container"></div>

Porque es el momento en el que llamo a los datos de mi base de datos para que se muestren en la pantalla.

Copio y pego la parte de la sección aquí:

 <script> var i = 0; while (i < 5) { var elmnt = document.getElementsByTagName("section")[0]; var cln = elmnt.cloneNode(true); console.log(cln); document.body.appendChild(cln); i++; } </script>

¡Gracias por adelantado!