将HTML中的现有链接环绕在其他图像上

Wrap existing link from HTML around other images?

本文关键字：其他 图像 链接 HTML      更新时间：2023-09-26

如何用class="link"克隆现有链接并将其包装在div"包装"中的每个img中？假设我们不知道链接，所以我们不能只使用这种方法：

$('#wrap img').wrap('<a href="http://foo.com"></a>');

HTML:

<a href="http://foo.com" class="link">
    <img/>
</a>
<div id="wrap">
    <img class="img" />
    <img class="img" />        
    <img class="img" />
</div>

结果：

<a href="http://foo.com" class="link">
    <img/>
</a>
<div id="wrap">
      <a href="http://foo.com" class="link"><img class="img" /></a>
      <a href="http://foo.com" class="link"><img class="img" /></a>    
      <a href="http://foo.com" class="link"><img class="img" /></a>
</div>

您可以使用outerHTML属性：

var link = $('.link').clone().empty().prop('outerHTML');
$('#wrap img').wrap(link);

这样做：

var anchor=$（".link"）；anchor.html（''）；$（"#wrap img"）.wrap（锚点）；

您可以简单地尝试这一行：

$('#wrap img').wrap('<a href="' + $('a.link').prop('href') + '">');

要克隆没有子元素的元素：

$('#wrap img').wrap($('a.link').clone().empty());

图像尺寸在创建时，如果图片未加载，则会调用该尺寸到图片中。显示错误图像。

<div id="hekimResimMini"><img src="" id="imgHekimResim" alt="" width="40" height="55" ></div>


$（'#imgHekimResim'）.load（function（）｛｝）.attr（"src"，"./personelResimi.jpeg？kurSicNo="+lcd.list[x].DOKTORID）.error（function（）｛var thisImg=this；if（$.browser.msie）{setTimeout（function（）{if（！thisImg.complete）{$（thisImg）.attr（'src'，'../../images/error.png'）；$（thisImg）.css（'width'，'40'）.css，'height'，'27'；}}，250）；}其他{$（this）.attr（'src'，'../../images/error.png'）；$（thisImg）.css（'width'，'40'）.css，'height'，'27'；}})；
相关文章：