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 badges554 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

2

$(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>

answered Apr 19, 2018 at 0:44

Mikey

6,7564 gold badges25 silver badges49 bronze badges

1 Comment

noclist Over a year ago

i like this solution

Collectives™ on Stack Overflow

combining jQuery objects

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related