Foros del Web » Programando para Internet » Jquery »

problema $.each y boton creado previamente

Estas en el tema de problema $.each y boton creado previamente en el foro de Jquery en Foros del Web. Buenas Tardes, quiero enlistar resultados y agregarles un boton pero dentro del $.each no lo agrega a todas las filas , solo lo coloca al ...
  #1 (permalink)  
Antiguo 12/03/2021, 14:07
Avatar de PIRRUMAN  
Fecha de Ingreso: febrero-2006
Ubicación: Monterrey, Nuevo León
Mensajes: 633
Antigüedad: 18 años, 2 meses
Puntos: 53
problema $.each y boton creado previamente

Buenas Tardes,
quiero enlistar resultados y agregarles un boton pero dentro del $.each no lo agrega a todas las filas , solo lo coloca al final:

Código Javascript:
Ver original
  1. $(document).ready(function () {
  2.         var btnCancel = $(
  3.                 '<button/>',
  4.                 {
  5.                     id: 'btnC', text: 'Cancelar',
  6.                     click: function () {
  7.                         alert('hola');
  8.                     }
  9.                 }
  10.         );
  11.         var vectorPersonas = ['Elena', 'Isabel', 'Ana'];
  12.         var tb = $("#tb");
  13.         $.each(vectorPersonas, function (ind, elem) {
  14.             tb.append(
  15.                     $("<tr>")
  16.                     .append($("<td>").html(elem))
  17.                     .append($("<td>").append(btnCancel))
  18.                     )
  19.         });
  20.     });
mi tabla:
<table id="tb" border = 1></table>


el resultado:

Código HTML:
Ver original
  1. <table id="tb" border="1">
  2. <tr>
  3. <td>Elena</td><td></td></tr>
  4. <tr><td>Isabel</td><td></td></tr>
  5. <tr><td>Ana</td><td><button id="btnC">Cancelar</button></td></tr></tbody>


como podria hacer que se dibuje en cada linea el boton creado (sin crearlo dentro del $.each)?


Gracias de antemano
__________________
“Prefiero ser un tonto momentaneo que un eterno ignorante”
“¡El éxito es resultado de los aciertos,los aciertos resultado de la experiencia y la experiencia resultado de los errores!”
  #2 (permalink)  
Antiguo 12/03/2021, 16:57
 
Fecha de Ingreso: abril-2006
Mensajes: 583
Antigüedad: 18 años
Puntos: 120
Respuesta: problema $.each y boton creado previamente

es que estas usando el MISMO BOTON, en javascript los elementos DOM son elementos unicos,

cada vez que haces esto

.append($("<td>").append(btnCancel))

.append($("<td>").append(btnCancel))

estas moviendo el mismo boton pero al ultimo elemento que hace Append

, tienes 2 soluciones o CLONAS el elemento "btnCancel" y le haces append o creas tu btnCancel dentro de tu bucle.
__________________
Mis aportes te ayudaron??, te hicieron ahorrar valiosos tiempo??, si quieres puedes agradecerme con un Gracias o con una donacion
https://paypal.com/pools/c/8lmNLmWnG9

Etiquetas: boton, creado
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:16.