jquery - jquery - 将 jquery 对象包含为文本或 html 属性的语法

Question

我不确定编写代码的正确方法是什么，或者它甚至是一种可能的 jquery 格式。

我有

for(i=0; i<10; i++) {
  var inner = $('<div/>', {text: 'it works'});
  var x = ' xyz ';

  var row = $('<div/>', {
    id: 'foo',
    'class': 'abc',
    html: 'test'+ x + inner.text(),
    css: {'padding-left': '5px'}
  });

  row.appendTo('body');
}

输出是 test xyz [object Object]

显示内部变量的正确语法是什么，以便正确的输出是“test xyz it works”？

我知道它可以使用inner.appendTo(row)

第二个问题：如果我能让代码工作，什么会更快？appendTo 或使用变量定义 html。

TIA

Answer 1

您想将内部移动div到包含 ( row) 的 div 中吗？如果是这样，您需要执行以下操作：

$(function() {
    for(i=0; i<10; i++) {
    var inner = $('<div/>', {
    text: 'it works'
    });

    var x = ' xyz ';

    var row = $('<div/>', {
    id: 'foo',
    'class': 'abc',
    html: 'test'+ x,
    css: {  
    'padding-left': '5px'
        }
    }).append(inner).appendTo('body');

    }//end for
});

Answer 2

你会想要html: 'test' + x + inner.html();或html: 'test' + x + inner.text();