3

Tengo un problema en jQuery.
Estoy recorriendo una tabla de bootstrap con ciertos valores, necesito que los valores que se corren se guarden en un arreglo, en este momento estoy recorriendo los valores por separado, no sé como puedo hacer para recorrer todos los valores y guardarlos en un array.

Quisiera que quedara de la siguiente forma:

valores = [modelo, codigo, precio, piezasporcaja, cantidaddepiezas]

Esto es lo que tengo hasta ahora:

 $("#ok").click(function() {
   info = ""
   $(".valores").parent("tr").find("td").each(function() {
     info += $(this).text() + ",";
     // info += this.value+ " ";
   });

   $('.valores').each(function(e) {
     info += this.value + " ";
   });
   console.log(info);
   alert(info);
 })
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table">
  <thead class="thead-light">
    <tr>
      <th scope="col">Modelo</th>
      <th scope="col">Codigo</th>
      <th scope="col">Precio</th>
      <th scope="col">Piezas por caja</th>
      <th scope="col">Cantidad de Piezas</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th class='valores' scope="row">SILENT 100 DESIGN</th>
      <td>5DESIGN100</td>
      <td>$ 62.00 USD</td>
      <td>4</td>
      <td> <input type='number' class='form-control valores' name='qtyMulti' value='0' required min='0' max='99999'> </td>
    </tr>
    <tr>
      <th class='valores' scope="row">SILENT 200 DESIGN</th>
      <td>5DESIGN200</td>
      <td>$ 85.00 USD</td>
      <td>4</td>
      <td> <input type='number' class='form-control valores' name='qtyMulti' value='0' required min='0' max='99999'> </td>
    </tr>  
  </tbody>
</table>

<input type="button" value="ok" id="ok" class="boton2">

1 respuesta 1

4

Puedes hacerlo dandole la clase valores a las lineas en lugar de a los th asi:

$("#ok").click(function() {
  var info=[];
  $(".table").find("tr.valores").each(function() {
               var row = [];
               var flag = false;
               $(this).children().each(function() {
                   var input = $(this).find('input');
                   if (input[0]) {
                     if (input.val() > 0) {
                       flag = true;
                       row.push(input.val());
                     }
                   } else {
            	     row.push($(this).text() );
                   }
       	       });             
               if (flag) {
                 info.push(row);
               }
  });
  console.log(info);
  alert(info);
})
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table">
  <thead class="thead-light">
    <tr>
      <th scope="col">Modelo</th>
      <th scope="col">Codigo</th>
      <th scope="col">Precio</th>
      <th scope="col">Piezas por caja</th>
      <th scope="col">Cantidad de Piezas</th>
    </tr>
  </thead>
  <tbody>
    <tr class='valores'>
      <th scope="row">SILENT 100 DESIGN</th>
      <td>5DESIGN100</td>
      <td>$ 62.00 USD</td>
      <td>4</td>
      <td> <input type='number' class='form-control valores' name='qtyMulti' value='0' required min='0' max='99999'> </td>
    </tr>
    <tr class='valores'>
      <th scope="row">SILENT 200 DESIGN</th>
      <td>5DESIGN200</td>
      <td>$ 85.00 USD</td>
      <td>4</td>
      <td> <input type='number' class='form-control valores' name='qtyMulti' value='0' required min='0' max='99999'> </td>
    </tr>  
  </tbody>
</table>

<input type="button" value="ok" id="ok" class="boton2">

16
  • esta respuesta en muy buena, pero no me trae el valor del input, ¿Tienes alguna idea por qué? el 3 may. 2018 a las 19:06
  • Ya edite mi respuesta para incluir el input tambien.
    – alanfcm
    el 3 may. 2018 a las 19:09
  • hay alguna manera de que los valores del input no queden al final, si no en el mismo orden de la tabla?, disculpa por las molestias. :) el 3 may. 2018 a las 19:12
  • Los inputs estan al final de la tabla, entonces siempre van a aparecer al final de cada array
    – alanfcm
    el 3 may. 2018 a las 19:14
  • 1
    Sí, eso lo hice con esta condición. if (input.val() >0) { row.push(input.val()); } , pero eso solo funciona para el input, yo deseo que funcione para toda la fila. el 4 may. 2018 a las 15:42

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.