无法使用“。”隐藏引导字段选择器答案

【问题标题】：Unable to hide bootstrap fields using '.' selector无法使用“。”隐藏引导字段选择器
【发布时间】：2019-09-06 18:30:34
【问题描述】：

我需要根据用户与决策模式窗口的交互来隐藏多个字段。我一直无法有效地完全隐藏字段。

我尝试使用通用 div 类来显示/隐藏具有该 ID 的字段。这似乎根本不起作用。我也尝试过识别每个字段。这会隐藏字段但保留标签。

引导 html 示例。

                                    <div class="form-group col-sm-3 col-12" id="reviewSR_IPDiv">
                                        <label class="col-form-label" for="evnt-service-type">Service Type:</label>
                                        <label class="col-form-label ml-1" data-controller-id="evnt-service-type" data-value=""></label>
                                        <select class="form-control form-control-sm is-invalid js-control" required id="evnt-service-type"></select>
                                    </div>

我想使用“。”选择器仅显示/隐藏所有 div。

$('.reviewSR_IPDiv').addClass('d-none');

使用单个字段有效，但标签仍然显示。我也想隐藏标签。

$("#evnt-service-type").addClass('d-none');

【问题讨论】：

标签： bootstrap-4 show-hide

【解决方案1】：

查看您的代码。非常小的错误。在这里你使用 ID： <div class="form-group col-sm-3 col-12" id="reviewSR_IPDiv"> 在这里你调用一个类$('.reviewSR_IPDiv').addClass('d-none');

要么将reviewSR_IPDiv 类添加到容器中，要么将jquery 更改为$('#reviewSR_IPDiv').addClass('d-none');

【讨论】：