如何遍历jQuery中创建的元素以获取其文本值？

如何解决如何遍历jQuery中创建的元素以获取其文本值？

我想遍历在jQuery中创建的div，该div具有“ hour”类，以查找每个文本中包含的文本。

$(document).ready(function(){
    var hours = ["8am","9am","10am","11am","12pm","1pm","2pm","3pm","4pm","5pm"];

    for (i = 0; i < hours.length; i++){
        //create main row div that holds everything
        var timeSlot = $("<div>");
        timeSlot.addClass("row time-block");
        //creates block on left that holds the time
        var leftBlock = $("<div>");
        leftBlock.addClass("hour col-md-2");
        leftBlock.text(hours[i]);
        timeSlot.append(leftBlock);
        //creates the text input area in the middle
        var middleBlock = $("<textarea>");
        middleBlock.addClass("col-md-9 description");
        $(timeSlot).append(middleBlock);
        //Creates save button
        var btn = $("<button>");
        btn.addClass("saveBtn col-md-1");
        $(timeSlot).append(btn);
        //crates the floppy disc icon
        var floppy = $("<img>");
        floppy.addClass("floppy");
        floppy.attr("src","assets/save.png")
        floppy.attr("alt","icon of floppy disc");
        $(btn).append(floppy);
        
        //appending everything to the container
        $("#container").append(timeSlot); 
    }
})

我尝试使用.each（），但控制台日志不返回任何内容，尽管它可用于html页面上不是动态创建的其他元素。我似乎找不到任何专门浏览jQuery中创建的对象的答案。

$('.hour').each(function(){
    console.log($(this).text());
});

任何尝试尝试的建议都会受到赞赏，我是新手！

解决方法

您尚未将lead类添加到ready回调函数中添加到DOM的任何元素中。

因此，当您尝试使用lead类控制台记录元素的文本时，没有任何内容。