附加锚标记

时间:2012-10-08 11:01:41

标签: jquery html

在我的应用程序中,我想将图像作为指向另一页面的链接。图像放在html中,

<div class="rightbuttoncontainers_footer">
  <div class="forfooterimg" id="twitterlink_indv">
    <img src="Images/tweatus.png" width="30" height="30" alt="tweat">
  </div>
</div>

我想通过脚本将这些图像作为链接,我尝试了以下

var twit_lk='https://twitter.com/';
$('#twitterlink_indv').append('<a href="'+twit_lk+'"/>');

但上面代码的输出是这样的,

<div class="rightbuttoncontainers_footer">
  <div class="forfooterimg" id="twitterlink_indv">
    <img src="Images/tweatus.png" width="30" height="30" alt="tweat">
    <a href="https://twitter.com/"></a>
  </div>
</div>

但是,我想要输出如下,

<div class="rightbuttoncontainers_footer">
  <div class="forfooterimg" id="twitterlink_indv">
    <a href="https://twitter.com/">
      <img src="Images/tweatus.png" width="30" height="30" alt="tweat">
    </a>
  </div>
</div>

我怎样才能让它发挥作用?

请帮忙,

由于

8 个答案:

答案 0 :(得分:4)

查看记录的.wrap()方法here

$('#twitterlink_indv img').wrap('<a href="' + twit_lk + '" />');  

答案 1 :(得分:3)

使用wrap method。选择图像元素并围绕它包裹链接:

$('#twitterlink_indv img').wrap('<a href="'+twit_lk+'"></a>');

答案 2 :(得分:2)

使用.wrap(),如下所示:

$('#twitterlink_indv img').wrap('<a href="'+twit_lk+'"/>');

答案 3 :(得分:2)

尝试:

$('#twitterlink_indv img').wrap(
    $("<a/>").attr("href", twit_lk));

答案 4 :(得分:1)

尝试使用wrap代替append,如下所示:

$('#twitterlink_indv img').wrap('<a href="'+twit_lk+'"/>');

答案 5 :(得分:1)

我认为您正在寻找的是jQuery wrap()函数。

  

围绕匹配元素集中的每个元素包装HTML结构。

$('#twitterlink_indv > img').wrap('<a href="' + twit_lk + '" />');                   

您的选择器应更改为与内部<img>标记匹配。然后,wrap函数将使用锚标记包装匹配的元素。

看看here进行演示。

  

参考文献 -

     

答案 6 :(得分:0)

使用jquery wrap()

$('#twitterlink_indv > img').wrap('<a href="'+twit_lk+'"/>');

答案 7 :(得分:0)

只需使用wrapInner()方法:

$('#twitterlink_indv').wrapInner('<a href="'+twit_lk+'"/>');