2

HTML ページに次の要素があります。

<a style="display:block;width:728px;height:90px;margin:0 auto;background:#EEE url('/_images/2011images/img_dotco_3.jpg') no-repeat top left; text-decoration:none;color:#000;" href="/domain-registration/dotco-overview.aspx?sourceid=bnrq2co728x90">
       <span style="float:right;margin:5px 27px 0 0;width:110px;color:#FFF;text-align:center">
          <span style="display:block;font-size:1em;text-align:center">NOW ONLY</span> 
          <strong style="display:block;font-size:1.6em;text-align:center"><!-- START TAG // Co_RegisterPrice_TLD -->
   <span class="Tag_Co_RegisterPrice_TLD"><strong>$35.70</strong>/yr</span>
<!-- End TAG // Co_RegisterPrice_TLD --></strong>       
       </span>    
    </a>

CSSまたはJavascriptで非表示にする必要があります。CSS が最適なシナリオですが、Javascript も問題ありません。実は私は HTML コードをまったく編集できないので、このアイテムを直接削除する方法はありません。また、これは他の HTML 要素の親ではないため、CSS で簡単に非表示にする方法が見つかりません。

また、背景画像が変更されたり、リンクが変更されたりしても、この A 要素を非表示にする必要があります。実際、常に同じとは限りません。

利用可能なすべての HTML を報告しました。ここに例がありますhttp://subdir.co/help-center/default.aspx 上のバナーです。ページから非表示にする方法を教えてください。ありがとう。

4

7 に答える 7

5

jQueryで試してみてください：

$('a[href^="/domain-registration/dotco-overview.aspx?sourceid"]').hide();

これにより、。で始まる属性を持つaタグが非表示になります。href/domain-registration/dotco-overview.aspx?sourceid

于 2013-01-06T11:31:51.673 に答える
1

使用する：

document.getElementById('yourElementId').display=none;
于 2013-06-29T20:59:35.300 に答える
0

あなたはcssでそれを試すことができます：

a[style][href] {
   display: none !important;
}
于 2013-01-06T11:36:53.723 に答える
0

クラス「Tag_Co_RegisterPrice_TLD」からdomツリーをトラバースして、非表示にできるAタグを見つけることができます。

追加のロジックを実行する必要がある場合は、非表示にする前にテキスト（価格/タイトル/ URLなど）にアクセスできます。

生のJavaScriptが大いに役立つ場合は、jQueryを使用してください。

于 2013-01-06T11:32:07.053 に答える
0

jsFiddle クラス名メソッド DEMO

Classname 経由の jQuery:このメソッドでは、アンカーの「内部を調べて」手がかりを探します。

$(document).ready(function () {

  // To disable the line below, just comment it out just like this line is.
  $('.Tag_Co_RegisterPrice_TLD').closest('a').hide();

});

jsFiddle ID メソッドのデモ

ID 経由の jQuery:今回は、何も変更される可能性があるため、内部を調べません。div参照を使用するようになりました。

$(document).ready(function () {

  // To disable the line below, just comment it out just like this line is.
  // No matter the unique ID code in front of MasterUpdatePanel Div, it will always be matched.
  $('[id$="MasterUpdatePanel"]').next('a').hide();

});

ここに示すのは、HTML ページの Firefox スクリーンショットです。Div ID に が含まれていることに注意してくださいctl00_MasterUpdatePanel。その前の文字、数字、およびアンダースコアは変更される可能性がありますが、このキーワードは変更されません。ということで、作品の「エンディング部分」の勝負id！

ここに画像の説明を入力

于 2013-01-06T11:49:50.607 に答える
0

HTML コードは変更できないため、要素を選択して操作するために要素に識別子を追加することはできません。

ただし、jQuery を使用して最初の 'a' 要素を選択し、'display' プロパティを 'none' に設定することができます。

私はこのようなことをすべきだと思います：

$('a:first').css("display","none");
于 2013-01-06T11:36:03.427 に答える
0

要素の属性の定義が別のスタイル定義をオーバーライドするため、クラスを追加したり、CSSセレクターのルールを作成したりしても機能しないと思います。jQueryなどのDOM操作にjavascriptライブラリを使用すると簡単です。

その後、次のようなものを書くことができます

$(".sCntSub3 > a").hide()

ブラウザコンソールから要素を見つけてみてください。正しい要素を選択したことを確認する簡単な方法です

于 2013-01-06T11:29:06.257 に答える