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'); 
} 

輸出是測試XYZ的翻譯：

什麼是顯示內部變量，以便正確的輸出是「測試XYZ它的工作原理」正確的語法？

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

次要問題的工作：如果我能得到的代碼工作，這將是更快？ appendTo或用變量定義html。

TIA

Answer 1

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

Answer 2

你想對移動內部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 
});