iframe in iframe jQueryで子フレームのcss変更とhtml変更

###前提・実現したいこと
とあるモールに出店しており、外注コンテンツがこちらの希望がサポート外だった為、
自分で理想に近づけたいと思っております。

A：モール(システム) Bをiframeで表示
B：別サーバーにUP Cをiframeでいくつか表示
C：外注で、常に全てのファイルが更新上書きされるhtmlなのでこちらの干渉は不可（自動集計ランキング）

AとBは同一ドメインではない
BとCは同一ドメイン

Aは規制がある為jQueryの記述が出来ない為、Cをいくつも並べたBをAに張り付けしてあります。

●BにjQueryを使って、Cの.item_reviewにある文言を非表示にしたいです。
●更にtarget="_blank" をtarget="_top"に変えたく思っています。
●そもそも、このやり方以外にもっとスマートでシンプルな方法があれば、ご教授下さい。

###発生している問題・エラーメッセージ

.item_review
は苦肉の策でcssで文字カラーを白色にしてありますが、本当は非表示にしたいです。
(一瞬見えてからカラーが白になるのも、改善したいです)

targetも、別窓が開いてしまうので実現していないようです。

###該当のソースコード【B】


<img src="img/item_r.jpg" alt="">
<iframe id="7346" name="7346" src="7346/" frameborder="0" marginwidth="0" scrolling="no" marginheight="0" style="border: 1px solid #f0f0f0; padding:0px;"  width="700" height="540"></iframe>

<img src="img/item_c.jpg" alt="">
<iframe id="7346" name="7346" src="7346/" frameborder="0" marginwidth="0" scrolling="no" marginheight="0" style="border: 1px solid #f0f0f0; padding:0px;"  width="700" height="540"></iframe>


        <script type="text/javascript" src="//code.jquery.com/jquery-2.2.4.min.js"></script>
        <script type="text/javascript">
$(function(){
    $(window).load(function(){
        $('iframe').contents().find('.item_review').css({color:'#fff'});
        $('iframe').contents().find('.item').each(function(){
            var txt = $(this).text()
            $(this).text(
                tex.replace(/_blank/g,"_top")
        );
    });
});
});

###外注の、変更出来ないhtml 【C】

<ul>
 <li>
          <div class="item">
                            <div class="ranking">
              <img src="crown10.png">
              
                   第10位
			  </div>
              
                        <div class="item_img">
              <center>
              <a href="
aabbcc00/" target="_blank"><img src="/cabinet/i/1/343.jpg?_ex=128x128"></a>
              </center>
            </div>
            
            
                        <div class="item_name">
              <a href="aabbcc00/" target="_blank">商品名…</a>
            </div>
            
                        <div class="item_price">
              <a href="aabbcc00/" target="_blank">&yen;3,780</a>
            </div>
            
            	        <div class="item_review">
                                 - 未評価
                            </div>
            
          </div>
 </li>
</ul>

###試したこと
勉強不足の為、ここ３日くらい片っぱしから調べたコードを試しています。

###お詫び
馴れない為、質問するに辺り分かり辛い点があると思いますが
ご指摘頂ければ修正致しますのでよろしくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

JavaScript
1$( function() {
2	$( 'iframe' ).css( 'opacity', 0 );
3	$( window ).load( function() {
4		$( 'iframe' ).contents().find( '.item_review' ).css( 'display', 'none' );
5		$( 'iframe' ).contents().find( '.item a[target="_blank"]' ).each( function() {
6			this.target = '_top';
7		} );
8		$( 'iframe' ).css( 'opacity', 1 );
9	} );
10} ); // 未テスト