Jquery 附加锚定标记
在我的应用程序中,我想使一个图像成为指向另一个页面的链接。图像以html格式放置,如下所示: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
<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('');
我想您正在寻找的是jQuerywrap()
函数
围绕匹配元素集中的每个元素包装一个HTML结构
$('#twitterlink_indv>img')。包装('用于演示。
参考资料-
像这样使用:
$('#twitterlink_indv img').wrap('<a href="'+twit_lk+'"/>');
$('#twitterlink_indv img').wrap('<a href="'+twit_lk+'"/>');
$('twitterlink_indv img').wrap('');
使用jquerywrap()
:
$('#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+'"/>');