.remove 不是函数

Question

此问题可能与任何问题重复。但是，经过大量尝试，我找不到合适的解决方案。

这是我的代码

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
<script>
    $(document).ready(function () {
        var els = document.querySelectorAll('body > *');
        els[els.length - 1].remove(); //getting error here            
    })
</script>

我不知道为什么我的应用程序在浏览器控制台中显示错误，例如

TypeError: els[els.length - 1].remove() is not a function

当我可以在浏览器控制台窗口中运行相同的功能并且它可以工作时。但是，当我将代码放在页面中时，它会显示像上面这样的错误。我也尝试调用.removeNode(boo) 方法，但是它也不起作用。实际上，当我尝试在代码中编写ele[].remove() 时，智能并没有向我建议该功能。

Answer 1

DOMNodes 没有remove() 方法。使用这个：

$(document).ready(function () {
    var els = document.querySelectorAll('body > *');
    $(els[els.length - 1]).remove(); 
});

或者更好的是，这个：

$(document).ready(function () {
    $('body > *').last().remove();
});