获取多个元素的内部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()); 
    });