Tengo el siguiente código:
var ultima_celda=$("table tr:last");
$("table tr:last").append(ultima_celda);
Lo que hace es duplicar exactamente la última fila, no obstante, necesito poder modificar algunos datos. Aquí les dejo un ejemplo de una fila con todas sus celdas, incluido el botón para eliminarla.
<tr class="fila">
<td class="tfsize">
<a href="" class="update fila sinEspacio editable editable-click" data-name="name" data-type="text" data-pk="1" data-sid="1" data-cid="1" data-d="lunes" data-h="500" data-title="Ingresar valor">05:00</a>
</td>
<td class="tfsize">
<a href="" class="update fila sinEspacio editable editable-click" data-name="name" data-type="text" data-pk="1" data-sid="1" data-cid="2" data-d="lunes" data-h="500" data-title="Ingresar valor">645</a>
</td>
<td class="tfsize">
<a href="" class="update fila sinEspacio editable editable-click" data-name="name" data-type="text" data-pk="1" data-sid="1" data-cid="3" data-d="lunes" data-h="500" data-title="Ingresar valor">302</a>
</td>
<td class="tfsize">
<a href="" class="update fila sinEspacio editable editable-click" data-name="name" data-type="text" data-pk="1" data-sid="1" data-cid="4" data-d="lunes" data-h="500" data-title="Ingresar valor">27</a>
</td>
<td class="tfsize">
<a href="" class="update fila sinEspacio editable editable-click" data-name="name" data-type="text" data-pk="1" data-sid="1" data-cid="7" data-d="lunes" data-h="500" data-title="Ingresar valor">400</a> </td>
<td class="tfsize">
<!-- $fila->columna_id -->
<span data-toggle="modal" data-target="#confirmDeletion">
<button id="delete-button-4" class="deleteFila btn btn-xs btn-danger sinEspacio text-white" data-toggle="modal" data-sid="1" data-d="lunes" data-h="500" data-target="#exampleModal" data-placement="bottom" title="Eliminar" onclick=""><i class="material-icons md-10">delete</i></button>
</span>
</td>
</tr>
Necesito poder modificar el valor de la primera celda, es decir, el 05:00 por +30 min o 60 min. Además necesito poder modificar el data-h="500" por data-h="550" o data-h="600" (correspondiente a 05:30 0 06:00 pero esto es algo interno mío). El resto de los "data-x" deben quedar exactamente con el mismo valor.
El procedimiento sería algo así:
Si existe alguna fila en el tbody, entonces:
var ultima_celda=$("table tr:last");
ultima_celda.firstcell.value = ultima_celda.firstcell.value + 60 min;
por cada celda de ultima_celda hacer:
celda.data-h = celda.data-h + 100;
$("table tr:last").append(ultima_celda);
Else
crearprimerafila();
¿Me pueden orientar, por favor?
En otras palabras, necesito que antes de hacer "append" podes editar la hora (sumandole +1 h) y sino existe ninguna fila que la cree porque sino hay nada no clona nada.
lo cual nos remite a esta pregunta. Además, dices que quieres crear una fila si no existe ninguna, pero no dices que estructura debe tener. Centrate en un problema cada vez y una vez tengas la solución haz la pregunta siguiente, de este modo será útil a los demás. Si vas cambiando el escenario inicial de la pregunta es un lio porque la respuesta tambien cambia y no es util