我使用一个网站,该网站显示了我没有用的信息,因此我尝试使用“时尚”(Chrome的插件,用于插入自定义CSS)隐藏其中的一些信息。

我会尽力解释得更好。

<div class="splitscreenleft"> <div id="toplevel"

<div class="splitscreenleft"> <div id="coursesection"


我想隐藏其中之一。上面splitscreenleft上方的所有内容都相同。因此,唯一的区别是下面的div ID。

我必须以某种方式根据其下面的div的名称隐藏两个类之一。
有什么办法解决这个问题?

最佳答案

您应该能够通过CSS或JavaScript做到这一点。

您甚至可能不需要搜索孩子。您可能只是选择出现在页面上的第一个或第二个,然后为其设置样式。要通过CSS进行操作,请使用第一种选择器-http://www.w3.org/TR/css3-selectors/#first-of-type-pseudo

div.splitscreenleft:first-of-type { display: none; }

要通过JavaScript执行此操作,您可以找到父对象,然后将其隐藏:
document.getElementById("toplevel").parentNode.style.display = 'none';

您应该能够在jQuery中类似地执行此操作:

$(".splitscreenleft:has(#toplevel)").hide();​

关于javascript - 更改HTML类的名称,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3622444/

10-11 23:35
查看更多