javascript - 番号付きリストの束をulに追加するにはどうすればよいですか？

Question

これが私が持っているもので、エラーが発生します：

for (var x = 0; x < 10; x++){
    $('.wrapper ul').append('<li>Root Option 'x'</li>');
};

Answer 1

+連結時に演算子を見逃しましたx

for (var x = 0; x < 10; x++){
    $('.wrapper ul').append('<li>Root Option ' + x + '</li>');
};

Answer 2

文字列を連結していません。代わりにこれを使用してください：

for (var x = 0; x < 10; x++){
    $('.wrapper ul').append('<li>Root Option ' + x + '</li>');
}

このMDNの記事を見てください

Answer 3

for (var x = 0; x < 10; x++){
    $('.wrapper ul').append('<li>Root Option '+x+'</li>');
};

連結が正しくありませんでした

Answer 4

for (var x = 0; x < 10; x++){
    $('.wrapper ul').append($('<li>', {html: 'Root Option ' + x}));
} // just for fanciness ^_^