jquery - 附加 anchor 标记

Question

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

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

请帮忙，

谢谢

Answer 1

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

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