Question

我正在尝试创建一个交互式表格，当单击一个按钮（clockin）时，会创建一个新行和三列，并使用当前时间填充第一个单元格。单击第二个按钮（clockout）时，它会使用当前时间填充最后一行的第二个单元格。问题是新添加的信息不会留在页面上。有没有一种灵巧的方式我可以在每次点击按钮时主动更新代码？

HTML：

"abc@gmail.com,def@gmail.com"

JS：

<div class="col-md-4 timebtns">
    <form method="post">
    <input type="submit" id="clockin" name="clockin" class="btn btn-success" value="Clock In" /><br /><br />
    <input type="submit" id="clockout" name="clockout" class="btn btn-danger" value="Clock Out" />
    </form>
</div>

<table class="table table-striped">
    <tr>
        <td><h2>In</h2></td>
        <td><h2>Out</h2></td>
        <td><h2>Total</h2></td>
        </tr>
    <tr>
        <td>InData</td>
        <td>OutData</td>
        <td>TotalData</td>
    </tr>
</table>

Answer 1

在你的闹钟中点击功能

$('table tr:last nth:child(2)').append(time);

错了。正确的格式是：

$('table tr:last td:nth-child(2)').append(time);

在单击表中创建新行时，它只是暂时出现

1 个答案: