结合jQuery对象

时间:2018-04-19 00:32:02

标签: jquery html

我有一张图片,我有一个链接。我如何使用jQuery来制作这样的链接图像:
<a href="src"><img src="src"></a>

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

2 个答案:

答案 0 :(得分:3)

使用append()方法。

link.append(image);

答案 1 :(得分: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>