嘗試將jquery元素從display：hidden更改為display：block

Question

我是使用Jquery的新手。 當前，errorSummaryDiv元素未顯示。 我正在嘗試編寫代碼以將元素從display：none更改為display：block或完全擺脫了display：none屬性。 由於某些原因，我無法使用以下代碼將css從隱藏更改為塊。 我做錯了什么？ 我知道if語句的計算結果為true，因為在控制台中記錄了“ hi”。 您是否需要做一些我想念的特別事情？ 先感謝您。

HTML：

<div class = "errorSummaryDiv">
    <h3>You have the following errors: </h3>
    <ul id="errors"></ul>
</div>

jQuery / Js：

if($('#errors').children().length === 0) {
        console.log('hi');
        $('div.errorSummaryDiv').css('display', 'block');

    }   

CSS：

.errorSummaryDiv {
    display: none;
    width: 55%;
    background-color: #FFF69E;
    border-radius: 4px;
    color: #555;
    margin: 0 auto;
}

div {
    display: block;
}

Answer 1

使用jquery的hide / show方法，例如：

$('.errorSummaryDiv').hide();  // To hide

$('.errorSummaryDiv').show();  // To show

說明： hide()會將display:none css放在調用它的元素上，反之亦然

工作小提琴

注意：不要忘記在代碼中包含jquery庫

Answer 2

$('div.errorSummaryDiv').show()應該刪除display：none