主页 / 问题 / 849162
Accepted
Roman Andreev
Asked:2020-07-02 17:56:56 +0000 UTC2020-07-02 17:56:56 +0000 UTC

如何将操作应用于具有给定 id 的所有元素，而不仅仅是第一个？[复制]

  • 772

我有很多元素id="btnDelMessage" 问题是该按钮仅适用于页面上的第一个元素，其余元素没有任何反应。怎么修？

html:

<button id="btnDelMessage" value="$id" class="btn btn-sm far fa-trash-alt mr-2"></button>

js：

$('#btnDelMessage').on('click', function (e) {
        var id = this.value;
        var message = 'Вы действительно хотите удалить сообщение?
        confirmDialog(message, function () {
            //some code
            console.log('Удаляется сообщение: ' + id);
        })
    });

    function confirmDialog(message, onConfirm){
        var fClose = function(){
            modal.modal("hide");
        };
        var modal = $("#modalDelMessage");
        modal.modal("show");
        $("#delMessageText").empty().append(message);
        $("#delMessageOk").one('click', onConfirm);
        $("#delMessageOk").one('click', fClose);
        $("#delMessageCancel").one("click", fClose);
    }
javascript

1 个回答

  1. Best Answer

    这是因为，id页面必须是唯一的。

    改用. class_id

    <button class="btnDelMessage" value="$id" class="btn btn-sm far fa-trash-alt mr-2"></button>

    js

    $('.btnDelMessage').on('click', function (e) {
        var id = this.value;
        var message = 'Вы действительно хотите удалить сообщение?'
        confirmDialog(message, function () {
            //some code
            console.log('Удаляется сообщение: ' + id);
        })
    });

    function confirmDialog(message, onConfirm){
        var fClose = function(){
            modal.modal("hide");
        };
        var modal = $("#modalDelMessage");
        modal.modal("show");
        $("#delMessageText").empty().append(message);
        $("#delMessageOk").one('click', onConfirm);
        $("#delMessageOk").one('click', fClose);
        $("#delMessageCancel").one("click", fClose);
    }
    • 4

相关问题