Question

我的问题
我无法找到如何在jQuery append方法中放置for循环。它应该是强大的吗？如果它只是在那里，我如何格式化代码以使其有效？

我的代码

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

Answer 1

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

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

append()接受任一字符串，因此您应将for 放在<{1}}之外，如下所示：

append()

或者，您可以向$(function () { for (var i = 0; i <= 3; i++) { $('#li22').append($('<table/>')); } });提供一个函数，该函数返回要附加的HTML。您可以将append()放在那里：

for

Answer 2

您无法在函数的参数内执行代码。因此，代码必须格式化为：

window.onload = function () {

    $(function () {

        var tableTag = $('<table><table/>');

        $('#li22').append( tableTag );

        for (var i = 0; i <= 3; i++) {

            $( tableTag ).append( "" );

        }

    });

}

Answer 3

尝试这样。

<table border="1">
  <colgroup>
    <col width="150" />
    <col width="350" />
  </colgroup>
  <tbody>
    <tr>
      <td height="100%" width="100%"><img src="http://lorempixel.com/400/200" alt="Test"></td>
      <td style="background:url(../images/refresh.jpg);" width="100%"></td>
    </tr>
  </tbody>
</table>

在jQuery追加方法中有一个for循环

3 个答案: