无法使用jQuery的remove（）删除元素

Question

我正在为此网站制作一个润滑脂脚本： http : rodape-ao-vivo ，我想删除元素rodape-ao-vivo ，问题是执行$("#rodape-ao-vivo").remove(); 不起作用，但是，如果我做类似的事情

setInterval(function() {
        $("#rodape-ao-vivo").remove();
    }, 1000);

它工作正常，所以我基本上是在请您帮助我了解这里的情况。 也许这只是个小愚蠢的事情，但是我不眠不休，真的很想完成这项工作。

Answer 1

这个DIV是由脚本动态生成的，要删除它，您需要等到DOM中可以使用此元素，例如，如果由于某些原因其他答案不起作用：{或使用DOM ready处理程序}

$(window).on('load', function () {
    var interval = setInterval(function () {
        if ($("#rodape-ao-vivo").length) {
            $("#rodape-ao-vivo").remove();
            clearInterval(interval);
        }
    }, 100);
});

Answer 2

嗯，也许您正在尝试在元素创建之前将其删除？ （延迟会有所帮助，因为在那个时候创建​​了元素，您可以将其删除）

Answer 3

您可能试图在元素存在之前就将其删除。 添加一秒钟的延迟会给浏览器足够的时间来呈现元素，因此您可以将其删除。 但这不能保证能正常工作，因为一秒钟可能不足以呈现该元素（例如，慢速连接）。

因此，您应确保文档已准备就绪，jQuery的方法是：

$(function() {
    $("#rodape-ao-vivo").remove();
});

或者，您可以等待整个文档加载：

window.onload = function() {
    $("#rodape-ao-vivo").remove();
}

Answer 4

如果您在页面加载时执行此操作，则使用document.ready（）;包装代码。

$(document).ready(function(){$("#rodape-ao-vivo").remove();});

Answer 5

使用前请确保所有元素都已加载。因此将代码包装在函数中，这将确保元素已附加到DOM

$("#rodape-ao-vivo").remove(); //will probably will give you an error.

$(function() {
    $("#rodape-ao-vivo").remove();
}

要么 ，

$( document ).ready(function() {
    $("#rodape-ao-vivo").remove();
})

要么，

jQuery( document ).ready(function( $ ) {
    $("#rodape-ao-vivo").remove();
});

要么，

window.onload = function() {
    $("#rodape-ao-vivo").remove();
}

但是当你这样做时

setInterval(function() {
        $("#rodape-ao-vivo").remove();
}, 1000);

这将为元素提供时间来获取DOM负载。因此它可以正常工作。但是可以使用上面列出的函数来代替setInterval