show only one div within an iframe (javascript, JQuery…)

Question

First just let me say I\'m open to ideas on a different approach altogether.

I have and iframe as such:

Answer 1

$("iframe").contents().find("*:not(#loginInnerBox)").remove();

Be aware this would only work on iframes loaded from the same domain (same origin policy)

EDIT: Probably this removes children of loginInnerBox as well. In that case you could try to clone it before:

var iframe   = $("iframe").contents(),
    loginBox = iframe.find("#loginInnerBox").clone();

iframe.find("*").remove();
iframe.append(loginBox);

Something like that..