如何在博客侧边栏中隐藏特定的 h3 标题，同时在侧边栏中保留其他 h3 标题

Question

我正在使用博客模板，我想隐藏特定的 h3 标题。然而，它是此页面上使用的少数 h3 之一。这两个都在侧边栏中。我要删除的是

<div class="widget Image" data-version="2" id="Image1">
<h3 class="title">
Donation
</h3>
<div class="widget-content">

我想显示该元素，在本例中是一个图像，但它的标题“捐赠”位于图像正上方。我不想显示的就是这个标题。

带有捐赠图片的捐赠标题

这是目前我想保留的页面上的另一个标题。

<div class="widget BlogArchive" data-version="2" id="BlogArchive1">
<details class="collapsible extendable">
<summary>
<div class="collapsible-title">
<h3 class="title">
Archived Blogs
</h3

我可以访问模板源代码，因此我能够更改某些内容，但需要一些关于将内容放在哪里的指导，因为我对代码非常陌生，更多的是遵循说明类型。

我会提供网站 URL，以便您可以查看，但我正在设置一个新 URL，但它仍然在当前时间交叉。

我已经尝试将其设置为显示：无；行不通的。有任何想法吗？我相信我已经尝试过“nth-of-type”，但可能把它放在了错误的地方？

Answer 1

这将有助于更深入地了解页面的整体 HTML 结构。操作 DOM 需要了解整体结构，而不仅仅是特定的 HTML 节点本身 - 除非它们具有“id”属性 - 在您的情况下我们没有。

也就是说，您通常可以使用 jQuery 等 Javascript 库来隐藏元素。假设这是页面上的第五个，您可以使用类似以下内容：

$('h3:nth-child(5)').hide();

如果这是在命名元素下 - 假设您有一个包含 H3 的元素，您可以使用类似以下内容：

$('#myDivsName h3').hide();

...如果是该 div 中的第二个 H3

$('#myDivsName h3:nth-child(5)').hide();