jquery explode how to do that

Question

i have a question for you...

for the first lets say i have a variable on javascript like this..

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

and then i have a html element like this

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

and my question is.. how to create / append to inside of my " ul id='myTags' " so it will be like this...

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

score 5 · Answer 1 · answered Nov 14 '12 at 03:27

5

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

answered Nov 14 '12 at 03:27

elclanrs

92,861
21
134
171

You're on fire today: I think that's the third in a row that I just gave you a +1 for the best answer. – nnnnnn Nov 14 '12 at 04:06

score 1 · Answer 2 · answered Nov 14 '12 at 03:26

1

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

answered Nov 14 '12 at 03:26

bondythegreat

1,379
11
18

score 1 · Answer 3 · answered Nov 14 '12 at 03:31

1

Best way would be to only append once:

Jquery

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

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

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

answered Nov 14 '12 at 03:31

bwicklund

144
1
4

jquery explode how to do that

3 Answers3