如何在django模板中的按钮中分配不同的id，以便javascript单击事件获胜'；不要选择所有帖子

我是django的新手，对javascript也知之甚少。在这里，我试图将id分配给delete和update按钮，以便在单击它们时javascript不会选择所有相同的按钮。如果有人能帮助这个可怜的人。 这是我的django模板，包含更新和删除按钮

{% for obj in queryset %}
<div class="ui grid">
    <div class="row">
        {% ifequal request.user obj.author.user %}
               <button class="ui button bwhite-lg " id='modal-udt-btn'>Update</button>
               <button class="ui button bwhite-lg " id='modal-dlt-btn'>Delete</button>
                <!--  modal -->
                <div class="ui basic modal update">
                    {% url 'posts:post_update' obj.pk %}
                </div>
                <div class="ui basic modal delete">
                    {% url 'posts:post_delete' obj.pk %}
                </div>
        {% endifequal %}
    </div>
</div>
{% endfor %}

{%for queryset%中的obj}
{%ifequal request.user obj.author.user%}
更新
删除
{%url'帖子：帖子更新'obj.pk%}
{%url'帖子：帖子_删除'obj.pk%}
{%endifequal%}
{%endfor%}

以下是使用javasript的部分

<script>
        $(document).ready(function(){
        $('#modal-dlt-btn').click(function(){
            console.log('deletebtn')
            $('.ui.basic.modal.delete')
            .modal('show')
            ;
        })
        });
        $(document).ready(function(){
        $('#modal-udt-btn').click(function(){
            console.log('updatebtn')
            $('.ui.basic.modal.update')
            .modal('show')
            ;
        })
        });
</script>

$（文档）.ready（函数（）{
$（“#模态dlt btn”）。单击（函数（）{
console.log（'deletebtn'）
$（'.ui.basic.modal.delete'）
.modal（'show'）
;
})
});
$（文档）.ready（函数（）{
$（“#模态udt btn”）。单击（函数（）{
console.log（'updatebtn'）
$（'.ui.basic.modal.update'）
.modal（'show'）
;
})
});