jquery查找子项并回显它们的所有值

我有一个代码，你可以在下面看到。我试图在某个div下找到每个span项的html（） 例如：div

#hello

应该返回：“this is”和“nice”以及“block of span” html格式如下：

<div id="hello">
<span id="info1"> this is</span>
<span id="info2">a nice</span>
<span id="info3"> block of spans</span>
</div>

<div id="bye">
<span id="info4"> more</span>
<span id="info5"> spans</span>
</div>

这是
漂亮的
跨块
更多
跨度

这是我尝试的jquery：

<script>
function values() {
var poo=$('div#hello').find('span').html();
alert(poo);

    }
</script>

函数值（）{
var poo=$（'div#hello'）.find（'span'）.html（）；
警报（poo）；
}

我的代码的问题是，它只对第一个值“this is”发出警报

---

我需要它对所有值发出警报。有什么建议吗？谢谢

您可以像这样使用

每个

来获取每个span元素的html：

function values() {
  $('#hello > span').each(function(){
     alert($(this).html());
  });
}

$（文档）.ready（函数（）{
$（'div#hello'）。查找（'span'）。每个（函数（）{
var aaa=$（this.html（）；
警报（aaa）；
});
});

@fogsy:我以为你会成功的。无论如何，我必须为您创建一个工作示例：。查看它的代码以及它是如何完成的。希望现在能澄清。快速问一下，如果我想使用find（），我会怎么做？ID不在div的正下方，在跨距之前有2个div。这就是它不起作用的原因initially@fogsy：将

$（'#hello>span'）替换为
$（'#hello'）。查找（'span'）。每个
或仅使用
$（'#hello span'）。每个
<script>
    $(document).ready(function () {
        $('div#hello').find('span').each(function() {
            var aaa = $(this).html();
            alert(aaa);
           });
    });
</script>

$(document).ready(function(){
    $("#hello")​.find("span")​.each(function(i){
        alert($(this).text());
    });
);