2016-04-28 59 views
0

我開始使用JQuery嘗試獲取隱藏的消息來顯示。 但是,當我加載它時,消息仍然隱藏。 消息有兩個類「錯誤」和「隱藏」,我想用javascript/JQuery去除「隱藏」類。無法讓JQuery刪除類

<head> 
    <title>Title</title> 
    <link rel="stylesheet" href="./css/style.css" /> 
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
</head> 

<body> 
    <span class="error hidden" id="error">This field is required.</span> 

    <script> 
     $("error").removeClass("hidden"); 
    </script> 
</body> 

我的CSS

.hidden { 
    visibility:hidden; 
} 

我缺少什麼?謝謝你的幫助!

+0

類選擇失蹤'.''$(「錯誤‘)removeClass(’隱藏」);' –

+0

檢查瀏覽器的控制檯和確保你沒有得到'TypeError:$ is undefined'錯誤,如果是的話,添加[JQuery庫](https://code.jquery.com/jquery-2.2.1.js) – hmd

+0

對不起,我犯了一個錯字,元素的id也應該是「錯誤」。 – SJ19

回答

3

$("error")將不起作用,因爲error不是有效的選擇器。你需要使用一個有效的CSS id選擇選擇元素:

$("#error").removeClass("hidden"); 
+0

對不起,我犯了一個錯字,元素的id應該是「錯誤」 – SJ19

+0

@SJacobs它會以任何方式工作 - 「.error」或「#error」,在這種情況下, – chazsolo

+0

非常感謝,它的工作原理!如果可能,將選擇這個答案。 – SJ19