Как удалить элемент средствами js или jquery что бы он не отображался в коде?

Question

[Legioner911]

Господа програмисты, выручайте.
Подскажите как удалить элемент находящийся на странице с помощью jquery или js при достижении определённой шарины экрана.
Возможно ли удалить так что бы его не было в коде?
Заранее огромное спасибо за ответ.

Answer 1

[Сергей Мельников]

$("#myElement").remove()

Comments

[Legioner911]

Здравствуйте, подскажите пожалуйста. Удаляя элемент данным способом, при просмотре кода страницы он не будет отображаться?

[Дмитрий]

Legioner911: вы хоть понимаете разницу между серверным рендерингом и клиентским изменением DOM структуры?

[Legioner911]

Дмитрий: Теперь понял, спасибо что указали направление.

Answer 2

[Игорь Богдосаров]

Отследить изменение ширины экрана можно с помощью

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the viewport is at least 400 pixels wide */
  $("#myElement").remove();
} else {
  /* the viewport is less than 400 pixels wide */
}

или использовать библиотеку для отслеживания изменений ширины вюпорта Enquire.js

там есть ивент "match" - в нем прописать удаление

// If supplied, triggered when a media query matches.
match : function() {
  $("#myElement").remove();
},