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

Question

我想使用 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);

Answer 1

您应该了解如何调试 JavaScript 代码。如果您检查过浏览器控制台，您就会确切地知道问题所在。要在 Google Chrome 中打开浏览器控制台，您可以单击 Ctrl+Shift+J。

问题是 create_labels() 函数无法在 jQuery 加载函数外部访问。解决此问题的一种方法是移动调用该函数的逻辑在 jQuery 中加载:

   $(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);
});