时间戳

首页 > 解决方案 > 无法使用“。”隐藏引导字段 选择器

bootstrap-4 - 无法使用“。”隐藏引导字段 选择器

问题描述

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

我尝试使用通用 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-4show-hide

解决方案

看看你的代码。非常小的错误。在这里你使用 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');

推荐阅读