.html（）返回undefined

Question

我是JQuery的新手，並且無法獲取div塊的內容。

<div class="update_status"> 
    Updated successfully 
    </div> 

當以下腳本運行：

$(document).ready(function() { 
    $(function() { 
    var $status_div = $("#update_status"); 
    if ($status_div) { 
     alert("1"); 
     alert($status_div.html());  
     alert("2"); 
    } else { 
     alert("undefined"); 
    } 
    }); 
}); 

我收到三次警告， 「1」， 「不確定」 和 「2」。我希望得到「更新成功」。任何想法，我做錯了什麼？

Answer 1

#用於查找通過id的元素。您正在使用的一類，所以你需要.

$(".update_status"); 

http://api.jquery.com/category/selectors/

Answer 2

update_status是一類，所以選擇應該是以下幾點：

var $status_div = $(".update_status");

Answer 3

更改類ID

<div class="update_status"> 
    Updated successfully 
    </div> 

要

<div id="update_status"> 
    Updated successfully 
    </div> 

Answer 4

您應該使用的.代替#，因爲它是一個class不是id

var $status_div = $(".update_status");

，還可以使用

if ($status_div.length) {

而不是

if ($status_div) {

，因爲後者總是返回true