jquery - .text() divを形成しながらインラインでjquery

Question

$('#box').text("こんにちは"); テキストとして表示されます。ループ内で div を形成するときに使用するにはどうすればよいですか?

for(i=0;i,3;i++) {
        description+ = "<div id="box">+text[i]+</div>";
}

テキストをスクリプトとして実行しないようにインラインで指定するにはどうすればよいですか。

編集：+を忘れた

Answer 1

これを試して、

text = [1,2,3];
for(i=0;i<3;i++) {
        description+ = '<div id="box">' + text[i] + '</div>"';
}

編集：スクリプトタグのエスケープ、you need to change </script> to <\/script>

ライブデモ

text = ['<script>alert("Hi");<\/script>','<script>alert("Hi");<\/script>','<script>alert("Hi");<\/script>'];
description ="";

for(i=0;i<3;i++) {
        description += '<div id="box">' + text[i] + '</div>"';
}

Answer 2

XMP タグを使用して、スクリプトの実行を防ぐことができます。

for(i=0;i<3;i++) {
        description+ = '<div id="box"><xmp>' + text[i] + '</xmp></div>';
}