如何遍历 jQuery 中创建的元素以获取其文本值?
How to loop through elements created in jQuery to get their text value?
我想遍历在 jQuery 中创建的具有 class“小时”的 div 来查找每个中包含的文本。
$(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() 和控制台日志 returns 什么都没有,尽管它可以对 html 页面上不是动态创建的其他元素起作用。我似乎找不到任何与查看 jQuery.
中创建的对象相关的具体答案
$('.hour').each(function(){
console.log($(this).text());
});
任何有关尝试的建议都将不胜感激,我是新手!
您还没有将 lead
class 添加到您在 ready
回调函数中添加到 DOM 的任何元素。
因此,当您尝试使用 lead
class 控制台记录元素的文本时,没有。
我想遍历在 jQuery 中创建的具有 class“小时”的 div 来查找每个中包含的文本。
$(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() 和控制台日志 returns 什么都没有,尽管它可以对 html 页面上不是动态创建的其他元素起作用。我似乎找不到任何与查看 jQuery.
中创建的对象相关的具体答案$('.hour').each(function(){
console.log($(this).text());
});
任何有关尝试的建议都将不胜感激,我是新手!
您还没有将 lead
class 添加到您在 ready
回调函数中添加到 DOM 的任何元素。
因此,当您尝试使用 lead
class 控制台记录元素的文本时,没有。