javascript - 在 jQuery append 方法内有一个 for 循环

Question

我的问题
我无法找到如何在 jQuery 追加方法中放置 for 循环。它应该是强的，应该是就在那里，我如何格式化代码才能工作？

我的代码

window.onload = function () {
    $(function () {
        $('#li22').append($('<table/>').append(for (var i = 0; i <= 3; i++) {'$('#li22').append($(""));'}));
    });
}

Answer 1

首先，不要将 for 循环直接放在 append() 方法中。其次，不要将 document.ready 事件处理程序放入 window.onload 处理程序中 - 这是毫无意义的。

此外，目前还不清楚您想要实现什么目标。您将一个 table append 到 #li22，然后不向 #li22 append 任何内容，并将其返回到 table ...？因此，下面是有关如何正确使用 append() 的一般指南。

append() 接受任一字符串，因此您应该将 for 放在 append() 的外部 ，像这样:

$(function () {
  for (var i = 0; i <= 3; i++) {
    $('#li22').append($('<table/>'));
  }
});

或者，您可以向 append() 提供一个函数，该函数返回要 append 的 HTML。您可以将 for 放在那里:

$(function () {
    $('#li22').append(function() {
      var html = '';
      for (var i = 0; i <= 3; i++) {
        html += '<table></table>';
      }
      return html;
    });
  }
});