Tengo el siguiente código:
sections=$("section"); for(let i=0; i<sections.length; i++){ let sectionTempCode=("<button id='").concat(i.toString()).concat("'>Toggle section view</button>"); console.log(sectionTempCode) sections[i].prepend(sectionTempCode) }La intención es agregar etiquetas de botón al HTML y mostrar un botón al principio de cada uno. En cambio, lo que obtengo es el código de la etiqueta entre comillas dobles, lo que hace que el código se muestre en mi página:
"<button id='0'>Toggle section view</button>"Use .each() y el generador de elementos $(HTMLTag, {...properties})
$("section").each((i, el) => { $("<button>", { prependTo: el, id: i+1, type: "button", text: "Toggle section view", click() { console.log(this.id); } }); }); <section></section> <section></section> <section></section> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>