JavaScript - Obtener datos de varias tablas con php o jquery

 
Vista:
sin imagen de perfil
Val: 2
Ha disminuido su posición en 8 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener datos de varias tablas con php o jquery

Publicado por Benjamin (2 intervenciones) el 18/02/2020 01:32:01
Hola!!

Tengo un detalle para crear un arreglo o un json, tengo la estructura de una tabla la cual se puede repetir N veces por un foreach que manejo, esta tabla puede ser modificada, lo que requiero es poder almacenar los datos de todas las tablas en un array o un json, a continuación muestro la estructura de mi tabla

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<table class="table table-bordered table-responsive-md table-striped text-center">
    <thead>
    <tr>
        <th class="text-center">Tratamiento 1</th>
        <th class="text-center">Tratamiento 2</th>
        <th class="hide">ID</th>
        <th class="text-center"></th>
    </tr>
    </thead>
    <tbody>
    <?php
    foreach($tratamientos as $trat):
        //print_r($trat);
        ?>
        <tr>
            <td class="pt-3-half" ><?php echo $trat->tratamiento1; ?></td>
            <td class="pt-3-half" ><?php echo $trat->tratamiento2; ?></td>
            <td class="hide"><?php echo $p1["product_id"]; ?></td>
            <td><span class="table-remove"><button type="button" class="btn btn-danger btn-rounded btn-sm my-0">Eliminar</button></span></td>
        </tr>
    <?php
    endforeach;
    ?>
    <!-- This is our clonable table line -->
    <tr class="hide">
        <td class="pt-3-half" >
            <select class="form-control">
                <option>Selecciona una opción</option>
                <option value="V-Mat Pro" >V-Mat Pro</option>
                <option value="Microdermoabrasión" >Microdermoabrasión</option>
            </select>
        </td>
        <td class="pt-3-half">
            <select class="form-control">
                <option>Selecciona una opción</option>
                <option value="V-Mat Pro" >V-Mat Pro</option>
            </select>
        </td>
        <td class="hide"><?php echo $p1["product_id"]; ?></td>
        <td>
            <span class="table-remove"><button type="button" class="btn btn-danger btn-rounded btn-sm my-0">Eliminar</button></span>
        </td>
    </tr>
    </tbody>
</table>

Por otra parte tengo un codigo en Jquery para traer los datos de una tabla a un json, lo que no he logrado es almacenar las demas tablas en el mismo json, ya trate hacer un each en jquery pero sin resultado satisfactorio, conocen alguna otra forma de poder almacenar toda esa información.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const $rows = $tableID.find('tr:not(:hidden)');
var nFilas = $tableID.find('tr:not(:hidden)').length;
const headers = ['tratamiento1', 'tratamiento2', 'id_product'];
const data = [];
// Turn all existing rows into a loopable array
$rows.each(function () {
    const $td = $(this).find('td');
    const h = {};
    // Use the headers from earlier to name our hash keys
    headers.forEach((header, i) => {
 
        h[header] = $td.eq(i).text();
    });
    data.push(h);
});
$SES.val(nFilas-1);
// Output the result
console.log(data);
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 9
Ha aumentado su posición en 10 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener datos de varias tablas con php o jquery

Publicado por Luis (4 intervenciones) el 18/02/2020 13:24:27
Ejecuta tu código JQuery al final del documento para que le des tiempo a la pagina de cargar

O bien engloba tu código dentro de esta función

1
2
3
$(document).ready(function () {
 
});

Puede que esto solucione tu problema.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar