.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() в коде, intellisence не предлагает мне эту функцию.

Answer 1

DOMNode s не имеет метода remove(). Используйте:

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

или даже лучше, это:

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