html - 禁用显示或替换特定 div 的内容

Question

我正在使用生成以下 HTML 的 SaaS 网站。

<div class="sidebar-body">
    <div class="sidebar-block">
      <form class="form-inline subscribe-form">
        ...
      </form>
    </div>

    <div class="sidebar-block">
      .... something else
    </div>

    <div class="sidebar-block">
      .... another block
    </div>
</div>

具体来说，它显示了我不想显示的特定表单(订阅表单)。相反，我希望显示我自己的表单。

该网站允许自定义 CSS。

问题:

1. 有什么方法可以只禁用包含订阅表单的 div 而不是其他具有相同类的 div？

2. 我可以替换包含不需要的形式的 div 的内容吗？

目前，我已经这样做了:

.subscribe-form {
   display: none;
}

但它仍然显示我不想显示的父 div。

Answer 1

你可以使用 jquery 父选择器

$('.subscribe-form').parent().css('display','none');

sample