我想通过for循环使用jquery创建标签

i want to create labels using jquery through for loop

本文关键字:jquery 创建 标签 循环 for      更新时间:2023-09-26

我想使用for循环动态创建标签…这就是我所做的,它不工作,请帮助我解决这个问题

$(document).ready(function() { 
    function create_labels(strt, end, overlay_body) {
        for (var i = strt; i < end; i++) {
            var labels=jQuery('<label id=lbl>hahahahha</label>');
            labels.appendTo(overlay_body);
        }
    }
});
var strt = 9;
var end = 17;
var overlay_body = jQuery('<div id=overlay_body></div>');
overlay_body.appendTo(document.body);
create_labels(strt,end,overlay_body);

你应该学习如何调试javascript代码。如果您检查了浏览器控制台,就会确切地知道问题出在哪里。要在Google Chrome中调出浏览器控制台,您可以单击Ctrl+Shift+ j。

问题是create_labels()函数不能在jQuery加载函数之外访问。解决这个问题的一种方法是将调用该函数的逻辑移动到jQuery load:

   $(document).ready(function () {
    var strt = 9;
    var end = 17;
    function create_labels(strt, end, overlay_body) {
        for (var i = strt; i < end; i++) {
            var labels = jQuery('<label id=lbl>hahahahha</label><br />');
            labels.appendTo(overlay_body);
        }
    }
    var overlay_body = jQuery('<div id=overlay_body></div>');
    overlay_body.appendTo(document.body);
    create_labels(strt, end, overlay_body);
});