Метод html() jquery, как управлять DOM?

Question

[Максим Иванов]

допустим есть

copyHTML = $("iframe").contents().find("html").html();

Как потом можно управлять данными как с элементами DOM, ведь html возвращает строку?

copyHTML = $.parseHTML( HTML ); // не работает, ибо потом
// copyHTML.html() возвращает undefined

Дело в том, что $("iframe").contents() постоянно изменяется (его HTML код), при помощи редактора CKeditor, мне нужен первоначальный код только, чтобы им можно было управлять

Пока создал второй фоновый iframe (скрытый), и оттуда беру базовый код, но мне это не нравится, кто-нибудь помогите понять, как удачно клонировать код(объект) из первого iframe

Answer 1

[Ken Jee]

В HTML держите объект.
var HTML = $("iframe").contents().find("html");

Comments

[Максим Иванов]

он подвергается изменениям! поэтому мне нужна копия HTML

[Ken Jee]

Максим Иванов: jquery.page2page.ru/index.php5/%D0%9A%D0%BB%D0%BE%...

[Максим Иванов]

Не клонирует, ошибка: Uncaught TypeError: Cannot read property 'ownerDocument' of null. Это если так делать: copyHTML = $("iframe").contents().clone();

[Ken Jee]

var HTML = $( $("iframe").contents() );

[Максим Иванов]

Дело в том, что так создается ссылка на $("iframe").contents(), и если там произойдут изменения, то и в "var HTML = $( $("iframe").contents() );" тоже произойдут изменения

[Ken Jee]

var HTML = $( $("iframe").contents() ).clone();

[Максим Иванов]

Получается тоже самое. Не клонирует, ошибка: Uncaught TypeError: Cannot read property 'ownerDocument' of null. Это будет тем же самым: copyHTML = $("iframe").contents().clone();

[Ken Jee]

var HTML = $("iframe").html(), // Получаем контент в виде строки.
jqObj = $( HTML ); // Создаем независимый объект.

[Максим Иванов]

А как работать с таким объектом? Он всегда возвращает undefined:
alert(jqObj.contents().find("html").html()) ||
alert(jqObj.find("html").html()) ||
alert(jqObj.html())

[Ken Jee]

1) Забудьте о функции alert(), вместо нее используйте console.info(), console.warn() или console.error(). Лучше конечно console.error(), т.к. она дает возможность проанализировать объект.
2) jqObj.find("html") - это JQuery объект, ну и работайте с ним, как с JQuery объектом.
3) console.error( jqObj.find("html") ); // Смотри в консоль.

[Максим Иванов]

console.log(jqObj)

.fn.x.init[21]
0: text
1: meta
2: text
3: meta
4: text
5: comment
6: text
7: title
8: text
9: link
10: text
11: div#page.hfeed.site
12: text
13: footer#colophon.site-footer.clearfix
14: text
15: script
16: text
17: script
18: text
19: script
20: text
length: 21
__proto__: Object[0]

[Ken Jee]

Максим Иванов: А в чем сейчас проблем-то? Объект у вас есть, он не привязан к документу - работайте.

[Максим Иванов]

так мне нужно, чтобы он HTML мне выдавал по методу .html()

[Ken Jee]

jqObj.html()

[Максим Иванов]

так я и говорю, undefined

[Ken Jee]

Наверное я где-то не прав...

Answer 2

[Денис Инешин]

Если iframe на том же домене, то всё будет работать примерно так: jsfiddle.net/IonDen/5s0z1d7b
Если содержимое ифрейма с другого домена, то боюсь никак вы с его DOM не сможете работать из-за политики безопасности.

Comments

[Максим Иванов]

Дело в том, что contents постоянно изменяется, при помощи редактора CKeditor, мне нужен первоначальный код только, чтобы им можно было управлять

[Максим Иванов]

DOM с моего домена