append an array to ul block - wrong?! jquery

Question

I have some problem with append array to a html: I create an array with html, first element is "li", than "img" and last element is "/li"

it returns

<li></li>
<img src="...">

but i need:

<li>
  <img src="...">
</li>

here is jsfeedle

here js:

var items = [];
items.push( "<li class='cd-item'>" );
items.push( "bar" );
items.push("</li>");
var itm = items.join(''); 
$(".cd-items").append(itm);

what do i wrong?

Thanks!

Sorry for my English.

Please include your jQuery in your question; the demo is a nice bonus, but without the relevant, problematic, code in the question your question is incomplete. — David Thomas
– David Thomas, Commented Dec 13, 2014 at 16:40

MH2K9 · Accepted Answer · 2014-12-13 16:37:21Z

2

Can use join()

var items = [];
items.push( "<li class='cd-item'>" );
items.push( "<img src='images/source.jpg'>" );
items.push("</li>");
 var html = items.join('');
$(".cd-items").append(html);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<ul class="cd-items">
    foo
</ul>

answered Dec 13, 2014 at 16:37

MH2K9

12.1k7 gold badges34 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ynsanity · Accepted Answer · 2014-12-13 16:40:16Z

1

you can change this line:

$(".cd-items").append(items);

to

$(".cd-items").html(items);

see append reference for more details.

answered Dec 13, 2014 at 16:40

ynsanity

536 bronze badges

Collectives™ on Stack Overflow

append an array to ul block - wrong?! jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related