###前提・実現したいこと
とあるモールに出店しており、外注コンテンツがこちらの希望がサポート外だった為、
自分で理想に近づけたいと思っております。
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">¥3,780</a> </div> <div class="item_review"> - 未評価 </div> </div> </li> </ul>
###試したこと
勉強不足の為、ここ3日くらい片っぱしから調べたコードを試しています。
###お詫び
馴れない為、質問するに辺り分かり辛い点があると思いますが
ご指摘頂ければ修正致しますのでよろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/10/05 01:36
2016/10/05 02:13
2016/10/05 02:22