从jquery hide函数中排除内部div

时间:2018-06-22 10:20:06

标签: javascript jquery

您好,我在红色框内进行了测验,因此当用户未回答问题时,将出现红色框,表明他应检查自己的选择。

这就是我得到的:

enter image description here

代码源:

        <web:form title="fmain" id="fmain" class="cadre question"
            action="/outil/UWMI/Accueil/restituerQuestion"
            method="POST">
            <web:grid-column size="24">
                <!-- Formulaire -->
                <!-- Titre de l'étape -->
                <%--                    <c:if test="${clientMif.bloc.nbreQuestion == '1'}">
                </c:if> --%>
                <div class="cadre question">
                    <div
                        class="cadreEntete cadreEnteteCase questionEnteteNumero cadreEnteteMIF">

                        <div id="enteteMIFTextParent">
                            <div id="enteteMIFTextChild">
                                <c:out value="${clientMif.bloc.titre}" escapeXml="false" />
                            </div>
                        </div>
                    </div>
                    <div id="divErreurSaisie" class="noanswerfoundframe">
                        <div class="cadreCorps"
                            style="display: inline-block; padding-left: 0px;">
                            <c:set var="question" value="${clientMif.bloc.questionCourante}" />
                            <web:grid-column size="23" push="1">
                                <div id="titreConfirm">
                                    <p>
                                        <c:out value="${question.libelleQuestion}" escapeXml="false" />
                                    </p>
                                </div>
                            </web:grid-column>
                            <c:choose>
                                <c:when test="${question.type =='BV'}">
                                    <c:forEach var="questReponse" items="${question.reponses}">
                                        <web:grid-column size="23" push="1">
                                            <div class="questionRadio questionRadioMIF">
                                                <input type="radio" id="${questReponse.id}"
                                                    name="${question.idQuestion}" value="${questReponse.id}"
                                                    class="questionRadioCheck"
                                                    ${questReponse.selected eq 'oui' ? 'checked' : ''} />
                                                <div class="questionRadioCheck"></div>
                                                <label for="${questReponse.id}"> <c:out
                                                        value="${questReponse.libelle}" escapeXml="false" />
                                                </label>
                                            </div>
                                        </web:grid-column>
                                    </c:forEach>
                                </c:when>

                            </c:choose>
                        </div>
                    </div>
                    <span id="spanErreurSaisie" class="noanswerfoundtext">Merci de sélectionner votre choix</span>
                </div>
                </div>
                <!-- BoutonsFormulaire -->
                <div class="piedNavBoutons">
                    <button id="btnPrecedent" type="button"
                        class="bouton boutonNav boutonClair"
                        onclick="afficherQuestionPrecedente()">Précédent</button>
                    <button type="submit" class="bouton boutonNav">Suivant</button>
                </div>
            </web:grid-column>
        </web:form>

以下类绘制红色框:

.noanswerfoundframe {
      margin-top: 30px;
      margin-right: 20px;
      margin-bottom: 20px;
      margin-left: 20px;
      border: 1px solid #D90000;
 }

以下div表示红色矩形:

<script type="text/javascript">
    $(document).ready(function () {
        init();

        function init() {
            hideMsgErr();
            //gererVisibiliteBouttonPrecedent();
        }

        function hideMsgErr() {
            jQuery("#divErreurSaisie").hide();
            jQuery("#spanErreurSaisie").hide();
        }
    });

问题是在加载页面时,从 init()块调用 hideMsgErr()方法,因此问题未显示如下。

enter image description here

那么如何从皮革中排除内部div?

0 个答案:

没有答案