How to append two image tags in div tag using jQuery

Question

Iam trying to place two image tags with different images/src values init, but in the end two image tags have been appended with same src value instead of different. May i know what s wrong with append:

$("<div/>", {
  "id": 'card'+i,
  "class": blockArr[k],
  html: $("<img src='"+key+"'/><img src='_ls-global/layout-images/layout2.png'/>")

}).appendTo("#gtable");

Any ideas ?

Thanks

Rohan Kumar · Accepted Answer · 2013-07-11 05:32:05Z

2

Try this,

$("<div/>", {
  "id": 'card'+i,
  "class": blockArr[k],
}).html("<img src='"+key+"'/><img src='_ls-global/layout-images/layout2.png'/>")
  .appendTo("#gtable");

answered Jul 11, 2013 at 5:32

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

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

Comments

mishik · Accepted Answer · 2013-07-11 05:45:11Z

0

You can supply plain HTML in this case:

Demo

$("<div/>", {
  id: 'card'+i,
  class: blockArr[k],
  html: "<img src='"+key+"'/><img src='_ls-global/layout-images/layout2.png'/>"
}).appendTo("#gtable");

edited Jul 11, 2013 at 5:45

answered Jul 11, 2013 at 5:31

mishik

10k9 gold badges48 silver badges69 bronze badges

Comments

TGH · Accepted Answer · 2013-07-11 05:32:22Z

0

$('#someDiv').append('<img src='someurl1' />');
$('#someDiv').append('<img src='someurl2' />');

Just use the append function

answered Jul 11, 2013 at 5:32

TGH

39.4k13 gold badges106 silver badges140 bronze badges

Collectives™ on Stack Overflow

How to append two image tags in div tag using jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related