不要为多个元素提供相同的
id
:使项目唯一,例如通过为其添加主键:
<div class="col">
<div class="row pb-2" id="rowcolor{{ color.pk }}">
<div class="col border-bottom">
pk:{{ color.pk }} / name:{{ color.description|title }}
</div>
<div class="col-auto">
<button hx-delete="{% url 'delete-color' pk=color.pk %}" hx-target="#rowcolor{{ color.pk }}" hx-swap="outerHTML"
class="btn btn-outline-secondary btn-sm float-end" type="button">Delete</button>
</div>
</div>
</div>