javascript - jqueryはそれを行う方法を爆発させます

Question

あなたに質問があります...

最初に、このようなJavaScriptの変数があるとしましょう..

var string = 'a,b,c';
var exploded = string.split(',');

そして、私はこのようなhtml要素を持っています

<ul id='myTags'>
</ul>

そして私の質問は..「ul id='myTags'」の内部に作成/追加する方法なので、次のようになります...

<ul id='myTags'>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>

Answer 1

$('#myTags').append('<li>'+ exploded.join('</li><li>') +'</li>');

Answer 2

var stringLI = "";
for (i=0;i<exploded.length;i++) {
   stringLI += "<li>"+exploded[i]+"</li>";
}
$("#myTags").append(stringLI);

Answer 3

最善の方法は、一度だけ追加することです：

Jクエリ

var string = 'a,b,c';
var exploded = string.split(',');
var items = [];

$.each(exploded, function() {
    items.push('<li>'+this+'</li>');
}); 

$('#myTags').append( items.join('') );