Javascript jQuery动态dom元素内部的每个循环

我正在使用下面的代码生成一个dom元素

：

jQuery

$('<div/>', {
    'id': 'myid',
    'html': '<table class="table">'
    + '<tr><th>Heading</th><th>Heading</th><th>Heading</th></tr>'

    +'</table>'
}).appendTo($body);

$('<div/>', {
    'id': 'myid',
    'html': '<table class="table">'
    + '<tr><th>Heading</th><th>Heading</th><th>Heading</th></tr>' +
        $.each(data.thing, function(i, val){
         '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
        });                                      
    +'</table>'
}).appendTo($body);

$。each（）

返回其作用的对象（

data.thing

，此处）。你看到的是那种严格的版本

不能将循环作为数据定义的一部分。最好是事后再做：

var table = $('<table class="table">' +
                 '<tr><th>Heading</th><th>Heading</th><th>Heading</th></tr>' +
              '</table>');

$.each(data.thing, function(i, val){
  table.append( '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>' );
});

$('<div>').
  attr('id', 'myid').
  append(table).
  appendTo($body);

var表=$（“”+
“标题标题标题”+
'');
$.each（数据、事物、函数（i、val）{
表.附加（“”）；
});
$('').
属性（'id'，'myid'）。
追加（表）。
附于（$正文）；

示例：

$。each（）

返回其作用的对象（

data.thing

，此处）。你看到的是那种严格的版本

不能将循环作为数据定义的一部分。最好是事后再做：

var table = $('<table class="table">' +
                 '<tr><th>Heading</th><th>Heading</th><th>Heading</th></tr>' +
              '</table>');

$.each(data.thing, function(i, val){
  table.append( '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>' );
});

$('<div>').
  attr('id', 'myid').
  append(table).
  appendTo($body);

var表=$（“”+
“标题标题标题”+
'');
$.each（数据、事物、函数（i、val）{
表.附加（“”）；
});
$('').
属性（'id'，'myid'）。
追加（表）。
附于（$正文）；

示例：

$。each（）

返回其作用的对象（

data.thing

，此处）。你看到的是那种严格的版本

不能将循环作为数据定义的一部分。最好是事后再做：

var table = $('<table class="table">' +
                 '<tr><th>Heading</th><th>Heading</th><th>Heading</th></tr>' +
              '</table>');

$.each(data.thing, function(i, val){
  table.append( '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>' );
});

$('<div>').
  attr('id', 'myid').
  append(table).
  appendTo($body);

var表=$（“”+
“标题标题标题”+
'');
$.each（数据、事物、函数（i、val）{
表.附加（“”）；
});
$('').
属性（'id'，'myid'）。
追加（表）。
附于（$正文）；

示例：

$。each（）

返回其作用的对象（

data.thing

，此处）。你看到的是那种严格的版本

不能将循环作为数据定义的一部分。最好是事后再做：

var table = $('<table class="table">' +
                 '<tr><th>Heading</th><th>Heading</th><th>Heading</th></tr>' +
              '</table>');

$.each(data.thing, function(i, val){
  table.append( '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>' );
});

$('<div>').
  attr('id', 'myid').
  append(table).
  appendTo($body);

var表=$（“”+
“标题标题标题”+
'');
$.each（数据、事物、函数（i、val）{
表.附加（“”）；
});
$('').
属性（'id'，'myid'）。
追加（表）。
附于（$正文）；

示例：

您可以使用

$.map（）

进行迭代，然后使用

join（）

组合结果

$('<div/>', {
    'id': 'myid',
    'html': '<table class="table">'
    + '<tr><th>Heading</th><th>Heading</th><th>Heading</th></tr>' +
        $.map(data.thing, function(i, val){
          return '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>';
        }).join('');                                      
    +'</table>'
}).appendTo($body);

$（“”{
'id'：'myid'，
“html”：”
+“标题标题标题”+
$.map（data.thing，function（i，val）{
返回“”；
}).加入（“”）；
+''
}).附于（$正文）；

请注意，迭代函数必须

返回

字符串——仅将字符串作为语句写入不会返回它。

您可以使用

$.map（）

进行迭代，然后使用

join（）

组合结果

$('<div/>', {
    'id': 'myid',
    'html': '<table class="table">'
    + '<tr><th>Heading</th><th>Heading</th><th>Heading</th></tr>' +
        $.map(data.thing, function(i, val){
          return '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>';
        }).join('');                                      
    +'</table>'
}).appendTo($body);

$（“”{
'id'：'myid'，
“html”：”
+“标题标题标题”+
$.map（data.thing，function（i，val）{
返回“”；
}).加入（“”）；
+''
}).附于（$正文）；

请注意，迭代函数必须

返回

字符串——仅将字符串作为语句写入不会返回它。

您可以使用

$.map（）

进行迭代，然后使用

join（）

组合结果

$('<div/>', {
    'id': 'myid',
    'html': '<table class="table">'
    + '<tr><th>Heading</th><th>Heading</th><th>Heading</th></tr>' +
        $.map(data.thing, function(i, val){
          return '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>';
        }).join('');                                      
    +'</table>'
}).appendTo($body);

$（“”{
'id'：'myid'，
“html”：”
+“标题标题标题”+
$.map（data.thing，function（i，val）{
返回“”；
}).加入（“”）；
+''
}).附于（$正文）；

请注意，迭代函数必须

返回

字符串——仅将字符串作为语句写入不会返回它。

您可以使用

$.map（）

进行迭代，然后使用

join（）

组合结果

$('<div/>', {
    'id': 'myid',
    'html': '<table class="table">'
    + '<tr><th>Heading</th><th>Heading</th><th>Heading</th></tr>' +
        $.map(data.thing, function(i, val){
          return '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>';
        }).join('');                                      
    +'</table>'
}).appendTo($body);

$（“”{
'id'：'myid'，
“html”：”
+“标题标题标题”+
$.map（data.thing，function（i，val）{
返回“”；
}).加入（“”）；
+''
}).附于（$正文）；

---

请注意，迭代函数必须

返回

字符串——仅将字符串作为语句写入不会返回它。

+1。。不要吹毛求疵。但我觉得在每次迭代时向表中追加行可能会影响处理速度，因为行数一直在增加。相反，我们更喜欢存储在字符串中，并在循环后追加它。这在很大程度上取决于行的数量，事实上，在内存使用方面可能会有问题。在担心任何一种情况之前，我都想衡量一下。。不要吹毛求疵。但我觉得在每次迭代时向表中追加行可能会影响处理速度，因为行数一直在增加。相反，我们更喜欢存储在字符串中，并在循环后追加它。这在很大程度上取决于行的数量，事实上，在内存使用方面可能会有问题。在担心任何一种情况之前，我都想衡量一下。。不要吹毛求疵。但我觉得在每次迭代时向表中追加行可能会影响处理速度，因为行数一直在增加。相反，我们更喜欢存储在字符串中，并在循环后追加它。这在很大程度上取决于行的数量，事实上，在内存使用方面可能会有问题。在担心任何一种情况之前，我都想衡量一下。。不要吹毛求疵。但我觉得在每次迭代时向表中追加行可能会影响处理速度，因为行数一直在增加。相反，我们更喜欢存储在字符串中，并在循环后追加它。这在很大程度上取决于行的数量，事实上，在内存使用方面可能会有问题。在担心任何一种情况之前，我都想衡量一下。这非常有效。如果/当事情变得繁重时，我会做一些测试来检查速度。但现在，我想我最多会有8个对象来循环，所以这应该很好。谢谢大家的建议！这真是太棒了。如果/当事情变得繁重时，我会做一些测试来检查速度。但现在，我想我最多会有8个对象来循环，所以这应该很好。谢谢大家的建议！这真是太棒了。我会做一些测试来检查