Estas son mis etiquetas HTML <

div class="container">
      <div class = "boxes">
      <input class = "row 1" type="text">
      <input class = "row 2" type="text">
      <input class = "row 3" type="text">
      <input class = "row 4" type="text">
      <input class = "row 5" type="text">
      <input class = "row 6" type="text">
      <input class = "row 7" type="text">
      <input class = "row 8" type="text">
    </div>

var boxes = $(".row")
var saveBtn = $("<button>").text("complete");
boxes.append(saveBtn)
console.log(saveBtn);

¿Por qué mi botón no aparece en mi página web?

-1
Nakwon Yoon 25 jun. 2020 a las 05:55

2 respuestas

Está intentando insertar un HTML <button> dentro del <input>, no puede hacer que no pueda insertar elementos HTML dentro de un <input>

Puede insertarlo después con .after() o antes con .before()

Verifica este código:

var boxes = $(".row");
var saveBtn = $("<button>").text("complete");
// boxes.before(saveBtn)
boxes.after(saveBtn)
console.log(saveBtn);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="container">
    <div class="boxes">
        <input class="row 1" type="text">
        <input class="row 2" type="text">
        <input class="row 3" type="text">
        <input class="row 4" type="text">
        <input class="row 5" type="text">
        <input class="row 6" type="text">
        <input class="row 7" type="text">
        <input class="row 8" type="text">
    </div>
</div>
0
Pain 25 jun. 2020 a las 03:48

Cambiar esta línea

var saveBtn = $("<button>").text("complete");

En

var saveBtn = "<button>complete</button>";
-1
user3772091 25 jun. 2020 a las 03:45