jquery - синтаксис для включения объекта jquery в качестве свойства text или 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');
}

Выходные данные теста xyz [объект 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();