Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 附加锚定标记_Jquery_Html - Fatal编程技术网

Jquery 附加锚定标记

Jquery 附加锚定标记,jquery,html,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> </d

在我的应用程序中,我想使一个图像成为指向另一个页面的链接。图像以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+'"/>');
var twit_lk='1〕https://twitter.com/';
$('#twitterlink_indv')。追加('
但是,我希望输出如下所示

<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>

我怎样才能让它工作

请帮忙

谢谢

看一看
.wrap()
方法文档

$('twitterlink_indv img').wrap('')
使用。选择图像元素并将链接环绕:

$('#twitterlink_indv img').wrap('<a href="'+twit_lk+'"></a>');
$('twitterlink_indv img').wrap('');
尝试使用以下替代方法:

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

我想您正在寻找的是jQuery
wrap()
函数

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

$('#twitterlink_indv>img')。包装('用于演示。
参考资料-

像这样使用:

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

$('#twitterlink_indv>img').wrap('');
试试:

$('twitterlink'u indv img')。包装(
$(“”)attr(“href”,twit_lk));

只需使用
wrapInner()
方法:

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