Javascript 是否将HTML中的现有链接环绕其他图像？

如何使用class=“link”克隆现有链接并将其环绕在div“wrap”中的每个img上？假设我们不知道链接，因此不能仅使用此方法：

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

$（'wrap img'）。wrap（''）；

HTML:

结果:

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

执行以下操作：

var anchor = $(".link"); anchor.html(''); $("#wrap img").wrap(anchor); var-anchor=$（“.link”）； html（“”）； $（“#wrap img”）.wrap（锚定）；

---

您可以使用

outerHTML

属性：

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

---

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

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

---

然后创建的图像尺寸，如果未加载图片，则会将其调用到图片中，并显示错误图像

$（'#imgHekimResim'）.load（function（）{}） .attr（“src”，”/personelResimi.jpeg？kurSicNo=“+lcd.list[x].DOKTORID） .error（函数（）{ var thisImg=此； 如果（$.browser.msie）{ setTimeout（函数（）{ 如果（！thisImg.complete）{ $（thisImg.attr（'src'，'../../images/error.png'）； $（thisImg）.css（'width'，'40'）.css（'height'，'27'）.css（'margin-top'，'14px'）.css（'margin-bottom'，'14px'）； } },250); }否则{ $（this.attr（'src'，'../../images/error.png'）； $（thisImg）.css（'width'，'40'）.css（'height'，'27'）.css（'margin-top'，'14px'）.css（'margin-bottom'，'14px'）； } });

---

我使用稍有不同的hmtl进行了测试：它删除了原始img？是的，它在包装新图像之前删除了锚点内的原始图像。

$（'.link'）.clone（）.empty（）

就足够了。@dfsq如果也可以，jQuery会在这种情况下克隆对象。因为原始代码段使用了一个字符串，所以我使用了

outerHTML

.Works。缺点是它不会使用rel=“nofollow”target=“\u blank”，但可能对其他人有用。更新的答案可能有用。

$('#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').css('margin-top','14px').css('margin-bottom','14px'); } },250); } else { $(this).attr('src', '../../images/error.png'); $(thisImg).css('width','40').css('height','27').css('margin-top','14px').css('margin-bottom','14px'); } });