用jquery 怎么给div里所有的img标签添加一个a标签
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用jquery 怎么给div里所有的img标签添加一个a标签相关的知识，希望对你有一定的参考价值。
求大神，我简要说下问题<div class="spotlight-group"><img src="1.jpg"></div>用jquery怎么变成<div class="spotlight-group"><a href='1.jpg'><img src="1.jpg"></a></div>也就是增加一个a标签给img并且连接地址是图片地址感谢大神~~
你好！
根据描述，需求是：给div.spotlight-group下的img元素外层包裹一个<a>标签，并且它的href属性与img的src属性相同。
可以使用jQuery的wrap包裹函数进行操作。
希望对你有帮助！
参考技术A <div class="spotlight-group"><img src="1.jpg">
<img src="1.jpg">
</div>
<script type="text/javascript">
$(function ()
/**/$('.spotlight-group img').each(function (i)
/******/$(this).after('<a href="'+$(this).attr('src')+'"><img src="'+$(this).attr('src')+'" /></a>');
/******/$(this).remove();
/**/)
)
</script>
// 最终 div 里面的内容变成了这样：
<div class="spotlight-group">
<a href="1.jpg"><img src="1.jpg"></a>
<a href="1.jpg"><img src="1.jpg"></a>
</div>
怎么用JS给HTML标签添加内容
1、首先打开hbuilder软件新建一个html文件，在html页面上创建一个点击的button按钮：
2、然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div，接着使用innerHTML对新建的div设置内容，最后把div放到body显示：
3、在html里为button按钮添加宇哥点击创建div的事件，完成之后代码就写好了，接下来需要看看效果：
4、保存好html文件后使用浏览器打开，此时还没有创建div：
5、最后点击button按钮，会执行脚本创建div的事件，新的div就创建好了，顺利实现了给HTML标签添加了内容。以上就是用JS给HTML标签添加内容的操作：
一般用jquery， 我是这么做
下面这个html5 类的，用的data 属性。
$('.class').attr('data-xxx');如果是添加class的话
$('.class').addClass('yourclass');大概就这样吧。
希望能帮到你
参考技术B 用JS给HTML标签添加内容，首先我们需要做的就是获取到要添加的元素，一般是通过给这个元素一个id，然后在通过document来获取，然后在使用innerHTML添加这个元素的内容就行可以了。<html>
<head>
<script>
function insert()
var insertText = "<table><tr><td>any thing</td></tr></table>";
document.getElementById("insert").innerHTML(insertText);
</script>
</head>
<body>
<button onclick="insert()">Insert</button>
<div id="insert"></div>
</body>
</html> 参考技术C Jquery 和innerHTML都可以的 参考技术D innerHTML
或innerText属性本回答被提问者采纳
以上是关于用jquery 怎么给div里所有的img标签添加一个a标签的主要内容，如果未能解决你的问题，请参考以下文章
如果 div 没有 img 标签，则将“无图像”img 添加到 div（Javascript 或 Jquery）