Question

我的HTML页面上有以下表结构：

 <table class="table table-striped">
    <thead>
      <tr>
        <th>field1</th>
        <th>field2</th>
        <th>field3</th>
        <th>field4</th>
      </tr>
    </thead>
    {% for msg in msgs %}
    <tr><td>{{ msg.field1 }}</td><td>{{ msg.field2 }}</td><td>{{ msg.field3 }}</td><td>{{ msg.field4 }}</td>
    </tr>
    {% endfor %}
  </table>

现在，每当msg进入并被解析时，就会向表中添加一个新行。我想定义一个主键（如在SQL中）并且只有在没有该主键的现有行时才向表中添加一行。但是，如果有一个主键的行，我想更新该行中的值，而不是创建一个新行。

我是HTML新手，并不知道如何做到这一点。任何帮助都将受到大力赞赏！

Answer 1

假设msg包含id，您可以在id代码中插入消息主键或其他识别字符

<tr id="msg-{{ msg.id }}"><td>{{ msg.field1 }}</td><td>{{ msg.field2 }}</td><td>{{ msg.field3 }}</td><td>{{ msg.field4 }}</td>

然后，您可以使用tr标记引用DOM中的id。如何执行此操作取决于您首先更新行的方式。但您可以使用id引用#msg-1。

更新html页面中的表条带表中的现有行

1 个答案: