如何使用jquery创建以图像作为锚点的链接元素？答案

【问题标题】：How to create link element with image as anchor with jquery?如何使用jquery创建以图像作为锚点的链接元素？
【发布时间】：2012-02-11 15:46:04
【问题描述】：

我知道如何使用 jquery 创建元素，例如：

$('<div/>').appendTo('body');

我怎样才能创建这个：

<a href=""><img src="" /></a>

使用相同的技术？

【问题讨论】：

你到底有什么困难？？？
$('<a href=""><img src="" /></a>').appendTo('body'); 或 $('<a href=""></a>').append('<img src="" />').appendTo('body');，和许多其他口味。

标签： javascript jquery html image

【解决方案1】：

您可以先使用jquery选择html元素，然后使用“html()”方法设置所需的html。这是一个示例：

$('div.demo-container')
  .html('<a href=""><img src="" /></a>');

唯一的事情是您应该能够唯一地标识您想要更改的所需 div。可能是通过设置 id 或 class。

【讨论】：

【解决方案2】：

嗯..你可以这样做：$('<a href="http://mysite.com"><img src="/img/img.jpg" /></a>').appendTo('#myDIV')

【讨论】：

【解决方案3】：

$('<img />').attr({
  src:'some image url',
  width:'width in intiger',
  height:'integer'
}).appendTo($('<a />').attr({
  href:'somelink'
}).appendTo($('#someElement')));

【讨论】：

【解决方案4】：

首先，您需要确定在您想要注入此内容的位置周围是否有包装元素。在 jquery 中你会使用这个函数：

$('.inner').append('<p>Test</p>');

假设这是你的 dom 元素：

<h2>Greetings</h2>
  <div class="container">
    <div class="inner">Hello</div>
    <div class="inner">Goodbye</div>
</div>

任何具有“.inner”类的项目现在都将附加一个带有单词“test”的段落

<h2>Greetings</h2>
  <div class="container">
    <div class="inner">
      Hello
      <p>Test</p>
    </div>
    <div class="inner">
      Goodbye
      <p>Test</p>
    </div>
 </div>

查看 jquery 的文档以了解更多信息：http://api.jquery.com/append/

【讨论】：

【解决方案5】：

这是通过附加一个图像对象来实现的。

$('<a>', {href:''}).append($('<img>', {src:''}).appendTo('body')

【讨论】：