Bootstrap 4 无法使用';隐藏引导字段';选择器

Bootstrap 4 无法使用';隐藏引导字段';选择器,bootstrap-4,show-hide,Bootstrap 4,Show Hide,我需要根据用户与决策模式窗口的交互来隐藏多个字段。我无法有效地完全隐藏这些字段 我尝试使用一个通用的div类来显示/隐藏具有该id的字段。这似乎根本不起作用。我还尝试识别每个字段。这将隐藏字段,但保留标签 引导html的示例 <div class="form-group col-sm-3 col-12" id="reviewSR_IPDiv">

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

我尝试使用一个通用的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>
使用单个字段是可行的,但标签仍然显示。我希望标签也隐藏起来

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

看看你的代码。非常小的误差。在这里您可以使用ID:
这里您调用一个类
$('.reviewSR_IPDiv').addClass('d-none')


将class
reviewSR\u IPDiv
添加到容器中,或者将jquery更改为
$('reviewSR\u IPDiv')。addClass('d-none')

查看您的代码。非常小的误差。在这里您可以使用ID:
这里您调用一个类
$('.reviewSR_IPDiv').addClass('d-none')

将class
reviewSR\u IPDiv
添加到容器中,或者将jquery更改为
$('reviewSR\u IPDiv')。addClass('d-none')

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