javascript - 更改 html 类的名称

Question

我使用一个网站，它显示了我不需要的信息，所以我尝试使用 Stylish 隐藏其中的一些信息，Stylish 是 Chrome 的一个插件，用于插入自定义 CSS。

我会尽力解释得更好。

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

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

我想隐藏其中一个。 splitscreenleft 上方的所有内容在两者上都是相同的。所以唯一的区别是下面的 div id。

我认为我必须以某种方式隐藏基于它下面的 div 名称的两个类之一。这个问题有什么解决办法吗？

Answer 1

您应该能够通过 CSS 或 JavaScript 执行此操作。

您可能甚至不需要搜索 child 。您可能只选择出现在页面上的第一个或第二个并为其设置样式。要通过 CSS 完成，请使用第一个类型选择器 - http://www.w3.org/TR/css3-selectors/#first-of-type-pseudo

div.splitscreenleft:first-of-type { 显示:无； }

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

你应该能够在 jQuery 中做类似的事情:

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