Как распарсить ajax ответ с html на jQuery?

Question

[resident]

Подскажите можно ли как то работать с строкой которая содержит HTML, как с DOM деревом не встраивая этот HTML в само дерево?

Что то типо такого:

$('<form><input name="var" value="val"></form>').find('form').serialize();

Или обязательно нужно встраивать в DOM эту строку? Вариант встраивания в дерево не подходит. Не сильно хочется парсить это через регулярные выражения. Думаю есть какое то готовое решение. Подскажите, если кто знает.

Comments

[StrangeAttractor]

Хороший вопрос. Мне тоже интересно. Пока ничего умнее очевидного варианта с невидимым iframe никто не посоветовал.

Answer 1

[boozzd]

jsfiddle.net/kywazx6m/2

Comments

[resident]

Этот вариант работает. Спасибо! Только как то странно работает поиск самой формы.

var html = '<form><input type="text" value="input-value" name="inp"><input type="password" name="pass" value="mypass"><input type="submit" value="ok"></form>';

var elem = $(html);
console.log(elem.find('form'));  // это не элемент формы 
console.log(elem.find('form').prevObject[0]); // элемент формы находится здесь

Может я чего то не понимаю, но почему происходит именно так?

[boozzd]

Переменная elem и есть элемент .
Вот пример: jsfiddle.net/r6f452a1

[resident]

@boozzd: Точно, не подумал об этом)

Answer 2

[neolink]

var myResponse = '<form><input name="var" value="val"></form>';
var form = $('<div/>').html(myResponse);
$(form).find('form').serialize()

Comments

[resident]

Это все же не совсем то что нужно. Не работает поиск по дереву.

Как в таком варианте сериализовать вторую форму?

var form = $.parseHTML('<form id="myform"><input name="var" value="val"></form><div>text</div><form id="myform2"><input name="var2" value="val2"></form><div><strong>text</strong></div>');

[neolink]

@resident: $(form).filter('#myform2').serialize()

[resident]

@neolink: С фильтром работает. Спасибо!