How to get innerHtml body without iframe with jquery

Question

I have a html page something like this

<body><iframe ></iframe><div id="menu">......</div>.....</body>

I want to get innerHTML body, but without iframe? How can i do this in jquery?

+4

kd44 Jan 18 '11 at 18:34

3 answers

lonesomeday · Answer 1 · 2011-01-18T18:42:24+0000

 $(document.body) .clone() .find('iframe') .remove() .end() .html();

heymrcarter · Answer 2 · 2011-01-18T18:42:06+0000

 $(document).ready(function(){ $('body').not('iframe').html(); });

which should get everything in the body, but iframe. you probably want to store this in a variable or something for reference later

kd44 · Answer 3 · 2011-01-18T22:35:09+0000

I found another way to do this

 var page = $('body').html(); page = $('<div>' + page + '</div>'); var html = $(page).find('iframe').remove().end().html();

The html variable contains html without an iframe.

And it works with IE since jquery.clone () does not work on my page, maybe due to incorrect html like @lonesomeday suggested