4

在我的应用程序中，我想让图像成为另一个页面的链接。图像被放置在 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>

我怎样才能让它工作？

请帮忙，

谢谢

4

8 回答 8

5

看看这里.wrap()记录的方法。

$('#twitterlink_indv img').wrap('<a href="' + twit_lk + '" />');  
于 2012-10-08T11:03:50.413 回答
3

使用wrap方法。选择图像元素并将链接包裹在它周围：

$('#twitterlink_indv img').wrap('<a href="'+twit_lk+'"></a>');
于 2012-10-08T11:03:59.543 回答
2

使用.wrap()，如下所示：

$('#twitterlink_indv img').wrap('<a href="'+twit_lk+'"/>');
于 2012-10-08T11:04:59.480 回答
2

尝试：

$('#twitterlink_indv img').wrap(
    $("<a/>").attr("href", twit_lk));
于 2012-10-08T11:06:43.497 回答
1

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

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

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

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

在这里查看演示。

参考 -

于 2012-10-08T11:04:50.557 回答
1

尝试使用wrap而不是append这样：

$('#twitterlink_indv img').wrap('<a href="'+twit_lk+'"/>');
于 2012-10-08T11:04:04.680 回答
0

使用jQuery wrap()：

$('#twitterlink_indv > img').wrap('<a href="'+twit_lk+'"/>');
于 2012-10-08T11:05:13.107 回答
0

只需使用以下wrapInner()方法：

$('#twitterlink_indv').wrapInner('<a href="'+twit_lk+'"/>');
于 2012-10-08T11:36:01.727 回答