jQuery动态iframe样式

Question

我想在Web项目中包含一些iframe。那些iframe需要是样式来隐藏远程站点中的导航栏和此类组件。

我想出了以下代码：

$.get( "http://www.remotesite.com/data/view.php?id=35", function( data ) {
    console.log(data);
    $('iframe#test').width('100%');
    $('iframe#test').height('800px');

    $(data).find('header.navbar').css('border', '1px solid red');

    var doc = document.getElementById('test').contentWindow.document;
    doc.open();
    doc.write(data);
    doc.close();

});

我要做的是加载远程数据，在原始HTML中隐藏或设置我想要的任何内容，然后将其显示在id和 test 的iframe中。

数据在iframe中加载，但导航栏没有采用我尝试添加的样式：$(data).find('header.navbar').css('border', '1px solid red');