jquery找到孩子并回应他们所有的价值观

Question

我有一个代码，如下所示。我试图在某个div下找到每个span项的html（） 例如：div #hello应返回：“this is”和“a 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>

我所拥有的代码的问题是它只对第一个值“this is”发出警报 我需要它来对所有值进行警报。有什么建议 ？谢谢

Answer 1

您可以像这样使用each来获取每个span元素的html：

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

Answer 2

<script>
    $(document).ready(function () {
        $('div#hello').find('span').each(function() {
            var aaa = $(this).html();
            alert(aaa);
           });
    });
</script>

Answer 3

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