獲取多個元素的內部HTML

Question

我想獲取多個跨度的內容。這裏是我的代碼：

http://jsfiddle.net/4XumV/

它應該給我 「111，222，333，444」。它給我「未定義」，而不是。

我的代碼有什麼問題？

Answer 1

嗯，你實際上沒有得到innerHTML屬性，你得到一個未定義的屬性html。將其更改爲innerHTML，它將起作用。

http://jsfiddle.net/4XumV/1/

Answer 2

var $elms = $('#main').find('span'); 
$elms.each(function(){ alert($(this).text()); }); 

http://jsfiddle.net/4XumV/2/

Answer 3

你似乎是混亂的jQuery的html有innerHTML。

您可以使用innerHTML：

http://jsfiddle.net/4XumV/3/

alert(allLatestNews[i].innerHTML); 

或jQuery的html：

http://jsfiddle.net/4XumV/5/

alert(allLatestNews.eq(i).html()); 

Answer 4

這應該工作：

$(function() 
{ 
    var allLatestNews = $("#main").find('span'); 
    $.each(allLatestNews, function(i,val){ 
     alert($(val).text()); 
    }); 
}); 

我想知道爲什麼你的代碼不能正常工作和JQuery不會返回從選擇元素的數組，這可能還努力：

for(var i = 0; i < allLatestNews.length; i++) 
{ 
    alert($(allLatestNews[i]).text()); 
} 

第一重疊的元素作爲一個jQuery對象，然後查詢text()而不是html，它可以通過函數訪問而不是屬性。

您更新小提琴：http://jsfiddle.net/4XumV/9/

Answer 5

這是工作

var allLatestNews = $("#main").find('span'); 

    $.each(allLatestNews ,function(index , value){ 
    console.log($(value).html()); 
    }); 

，而不是console.log($(value).html());你可以寫alert($(value).html());

Answer 6

DOM元素返回內部HTML的屬性名爲innerHTML不html

allLatestNews[i].innerHTML 

或者使用jQuery

$(allLatestNews[i]).html() 

Updated JS Fiddle

Answer 7

，你也可以使用這個

var allLatestNews = $(this).find("#main span"); 

    for(var i = 0; i < allLatestNews.length; i++) 
    { 
     alert(allLatestNews[i].innerHTML); 
    } 

Answer 8

試試這個它應該工作

 allLatestNews.each(function() 
    { 
     alert($(this).html()); 
    });