javascript - 使用 CSS 或 Javascript 隐藏元素

Question

我的 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这是那里的顶级横幅。让我知道如何从页面中隐藏它。谢谢。

Answer 1

尝试使用 jQuery:

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

这隐藏了 a带有 href 的标签以 /domain-registration/dotco-overview.aspx?sourceid 开头的属性.