合并jQuery对象：如何用jQuery将图片与链接生成为带链接图片

嘿，这个需求用jQuery的DOM操作方法就能轻松实现，给你分享几种常用的方式：

• 方法一：用append()把图片塞进链接里
  直接调用链接对象的append()方法，把图片对象作为参数传进去，就能把img元素放到a标签内部啦：

  var image = $('<img>').attr('src', src);
  var link = $('<a>').attr('href', src);
  
  // 将图片追加到链接标签的内部末尾
  link.append(image);
  
  // 现在link就是包含图片的完整链接对象了，你可以把它插入到页面中，比如：
  // $('body').append(link);
  

• 方法二：用appendTo()让图片主动“钻进”链接
  反过来操作也可以，让图片对象调用appendTo()方法，把链接对象作为目标，效果和上面完全一致，看你个人习惯选哪种：

  var image = $('<img>').attr('src', src);
  var link = $('<a>').attr('href', src);
  
  // 把图片添加到链接标签内部
  image.appendTo(link);
  

• 方法三：用wrap()给图片“套上”链接外套
  如果你更习惯从图片的角度出发，用wrap()方法可以直接把链接作为包裹层套在图片外面：

  var image = $('<img>').attr('src', src);
  var link = $('<a>').attr('href', src);
  
  // 用链接对象包裹图片
  image.wrap(link);
  
  // 此时图片的父元素就是目标链接，你可以这样获取到完整的链接对象：
  // var wrappedLink = image.parent();
  

这几种方法都能生成你想要的<a href="src"><img src="src"></a>结构，选你觉得顺手的用就行～

内容的提问来源于stack exchange，提问作者noclist