Как удалить невидимые элементы из всего документа?

Я хочу использовать Javascript и JQuery, чтобы сделать копию всего html всей веб-страницы и удалить все элементы, которые не видны пользователю. Это то, что я пробовал до сих пор:Как удалить невидимые элементы из всего документа?

$('html').not(':visible').remove()

Однако, похоже, что это не сработало. Кто-нибудь знает, как я могу это сделать?

источник

2015-05-08 karianneberg

Прямо сейчас вы используете таргетинг только на элемент <html> с помощью вашего селектора. Вы должны перебрать все элементы и проверить их видимость, как это:

$('*').each(function(){ 
    if($(this).not(':visible')){ 
     $(this).remove(); 
    } 
});

Еще более кратким было бы просто предназначаться скрытые элементы и удалить их, как например:

$('*:hidden').remove();

JQuery API ссылки состояния что элементы считаются видимыми, если они занимают место в документе. Поэтому элементы, имеющие высоту и ширину больше 0, считаются видимыми. Это означает, что мы должны вместо этого взглянуть на вычисленный CSS, если у вас возникли проблемы с указанным выше кодом, удалив видимые вещи.

$('*').each(function(){ 
    if($(this).css('visibility') == 'hidden' || $(this).css('display') == 'none'){ 
     $(this).remove() 
    } 
});

источник

2015-05-08 22:21:34

Это тоже слишком много удаляет. – karianneberg

Элементы, которые имеют стиль 'display: none;', отличаются от элементов, которые имеют видимость: hidden. Можете ли вы уточнить, на что вы нацеливаетесь? Оба пользователя не видны, но они нацелены по-разному с jQuery. –

Мне нужно удалить все, что не видно пользователю, так что «display: none» и «visibility: hidden». Насколько я вышел из [JQuery docs on hidden] (https://api.jquery.com/hidden-selector/), он заботится только о первом случае. Но теперь проблема заключается в том, что она удаляет вещи, которые не являются «скрытыми», а «display: none» – karianneberg

Вы удаляете элементы html, которые не видны. вы должны удалить своих детей.

попробовать этот

$('html').children().not(':visible').remove()

EDIT: , как Barmar сказал, что это удаляет только непосредственные дочерние HTML. используйте другие ответы, чтобы удалить все элементы.

источник

2015-05-08 22:17:39 KooKoo

Это не так. '.children()' только находит непосредственных детей, а не всех их потомков. – Barmar

@ Бармар да, вы правы. так кто же проголосовал за мой ответ? – KooKoo

Это следует сделать это:

$("body :hidden").remove();

источник

2015-05-08 22:23:11 Barmar

Это не таргетинг на элемент –

Это, кажется, удаляет много вещей, которые на самом деле видны. – karianneberg

Да, он считает все в '' невидимым, потому что он не отображается. Необходимо ограничить его телом. – Barmar

Как удалить невидимые элементы из всего документа?

ответ

Смежные вопросы