combining jQuery objects

Question

I have an image and I have a link. How can I use jQuery to make a linked image like this:
<a href="src"><img src="src"></a>

var image = $('<img>').attr('src', src); var link = $('<a>').attr('href', src);

Barmar · Accepted Answer · 2018-04-19 00:44:13Z

3

Use the append() method.

link.append(image);

answered Apr 19, 2018 at 0:44

Barmar

789k57 gold badges555 silver badges669 bronze badges

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

Comments

Mikey · Accepted Answer · 2018-04-19 00:44:06Z

$(function () { var src = 'https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo.png?v=9c558ec15d8a'; var href = 'https://stackoverflow.com/'; var img = $('<img/>').attr('src', src); var link = $('<a/>').attr('href', href); // just set the content of the link to the image link.html(img); $('body').append(link); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Collectives™ on Stack Overflow

combining jQuery objects

2 Answers 2

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Related