How to find form in jQuery HTML variable?

Asked Aug 09 '17 at 12:53

Active Aug 09 '17 at 13:06

Viewed 51 times

I've got a script which returns the original HTML of the current page, which has a form on it:

var orignalHTML = ""; 

$.get(document.location.href, function(data) {
    originalHTML = data;
});

What I'd now like to do, is find any FORM elemnts in this 'originalHTML' variable. I've tried the following, but it returns nothing:

$(originalHTML).find("form")

Any ideas what I'm doing wrong?

As a heads up. I know there's an easier method, that would involve just querying the current page, but I'm looking for any mismatches between forms in the original HTML and the current page.

I also know that there are complexities around synchronicity, but this is about accessing the <form> field, not about when the variable is populated.

Thank you

edited Aug 09 '17 at 13:06

asked Aug 09 '17 at 12:53

chendriksen

1,026
6
16
30

1

Is the `.find()` code inside the callback function of `$.get`? – Barmar Aug 09 '17 at 12:55
@Barmar it isn't, but I've tested it in the callback too. – chendriksen Aug 09 '17 at 12:55
If the `
` is the root element of `originalHTML` you'll need to use `filter()` instead of `find()`
– Rory McCrossan Aug 09 '17 at 12:55
Then it's trying to use `originalHTML` before the callback function updates the variable. Anything that depends on the AJAX call has to be in the callback. – Barmar Aug 09 '17 at 12:56
As Barmar pointed out, it must be in the callback, or it could (probably will) execute before the page form has loaded. – Nate Aug 09 '17 at 12:57
Thanks @RoryMcCrossan your solution works! – chendriksen Aug 09 '17 at 12:59
`filter` won't find it if it's nested further down. You can use `$("
", {html: originalHTML})` to make it work in both cases.
– Barmar Aug 09 '17 at 13:01
@Barmar sorry, I don't fully understand how that fits in. Like this...? `$("
", {html: originalHTML}).filter("form")`
– chendriksen Aug 09 '17 at 13:04
`$("
", {html: originalHTML}).find("form")`
– Barmar Aug 09 '17 at 13:07
Great, thank you so much @Barmar! – chendriksen Aug 09 '17 at 13:11
how about using [load](http://api.jquery.com/load/)?: `$('body').load(document.location.href + ' form')` – Endless Aug 09 '17 at 13:22

How to find form in jQuery HTML variable?

0 Answers0