Question

我尝试使用链接动态包围图片标记

我的情况：

if (a === b) {
  console.log('my iamge-tag is : ' + $(e).html());
}

在$（e）.html（）中我现在有了我想要的图像标记：

<img class="xyz" src="http://images.zzz.com/images/123456/original.png">

在DOM中，这个图像就像这样一个有序列表：

<li class="">
  <img class="xyz" src="http://images.zzz.com/images/111111/original.png">
</li>
<li class="">
  <img class="xyz" src="http://images.zzz.com/images/222222/original.png">
</li>
<li class="">
  <img class="xyz" src="http://images.zzz.com/images/123456/original.png">
</li>

如何通过链接管理我想要的图像标签呢？

<li class="">
  <a href="http://www.example.com"><img class="xyz" src="http://images.zzz.com/images/123456/original.png"></a>
</li>

Answer 1

使用jQuery .wrap() 功能，

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

<强> Working Demo

如果需要，请使用您的特定img选择器代替我。
如果您必须使用相同的HTML附加所有元素，请使用wrapAll()。

Answer 2

wrap（）函数应该可以工作。我是这样测试的。

if（a == b）{

$（“li img”）.wrap（“http：//www.google.com'>”）;

}

jQuery查找/最接近的li元素

2 个答案: