javascript - jQuery remove() 在第一次尝试时不会删除，即使要删除的元素当时可见

Question

因此，我有一个将 async 设置为 false 的 ajax 调用，以将内容加载到特定的 div 中。该内容中有一个 id='cancelbtn 的按钮。问题是，如果我调用删除，它不会被删除，即使控制台在前一行正确地打印了该元素。奇怪的是，如果我多次重复删除行，那么它就会“按预期”工作。有任何想法吗？ ajax 调用的代码是:

    $.ajax ({
    url: 'contentincludingthecancelbtn.html',
    async: false,
    success: function(data){
        $('#divCont').html(data); 
        console.log($('#cancelbtn'));
        $('#cancelbtn').remove();
    });
    });

按钮显示在末尾。这曾经是一个直接加载调用(也不起作用)，为了尝试 async:false 而更改，但没有运气。

Answer 1

也许您有两个具有相同 ID 的元素，因此 jQuery 将删除第一个元素，然后删除第二个元素(您要删除的元素)。

要解决此问题，您可以更改元素的 ID 或尝试以下代码:

$('#divCont').find('#cancelbtn').remove();