使用子元素的信息隐藏li元素

时间:2014-04-09 14:27:02

标签: javascript html css greasemonkey

我从互联网上加载了一个网页(例如www.google.com或其他)。此页面是用HTML编写的。假设在这段代码中有这个片段。

<ul class="CLASS">
     <li>
          <div class="DIV1"></div>
          <a href="SOMETHING1"></a>
     </li>                             //Hide this li
     <li>
          <div class="DIV2"></div>
          <a href="SOMETHING2"></a>
     </li>
     <li>
          <div class="DIV3"></div>
          <a href="SOMETHING3"></a>
     </li>
</ul>

我想知道是否有办法隐藏我在上一段代码中提到的部分(li部分)(&#34;隐藏这个&#34;)一旦我加载页面。在我的屏幕上,我不想执行我提到的部分。

我做了一些研究,我认为Firefox扩展Greasemonkey就是这么做的。要添加什么脚本才能执行此操作?或者,有一种不同的方式(没有Greasemonkey)。

1 个答案:

答案 0 :(得分:2)

仅使用html和css是不可能的。我会使用javascript和库(我使用jQuery)来实现它:

$(document).ready(function() {
    $('li a[href=SOMETHING1]').parent().hide();
});