Как использовать jQuery на странице HTML, хранящийся в объекте?

Question

Я пытаюсь получить страницу HTML с помощью .html () и сохранить ее в переменном содержимом. Я хочу выполнить некоторые операции над этим HTML, такие как удаление полос прокрутки перед отправкой его в метод, который его печатает.

Я попытался использовать метод replace, чтобы удалить свойства переполнения, заменив их пробелом в объекте HTML. , но я не уверен, что это правильный способ сделать это. Мне было интересно, могу ли я использовать функцию jQuery для этого HTML и использовать .css для удаления стилей некоторых элементов div.

var contents = divToPrint.html();

Я хочу сделать что-то подобное, если это возможно:

$(contents).find(span).css('overflow: hidden auto;', '')

вместо использования следующего кода:

contents = contents.replace('overflow: hidden auto;', '')
contents = contents.replace('overflow-y: auto;', '')
contents = contents.replace('-ms-overflow-x: hidden;', '')
contents = contents.replace('-ms-overflow-y: auto;', '')

Answer 1

С этим кодом:

var contents = divToPrint.html();

contents теперь является строкой - вам нужно преобразовать это в объект jquery:

var contents = $(divToPrint.html());

затем вы можете манипулировать этой переменной ион обновит переменную, например:

contents.find("span").removeClass("overflow-hidden");

, если вы используете $(contents).find..., тогда он будет каждый раз создавать новую переменную jquery и обновлять ее, то есть не обновлять contents.

Чтобы получить окончательный HTML:

sendToOutput(contents.html());