获取当前元素的属性，生成增加父容器，怎么写？
数据库拉出来的内容全部是
<img alt="1" src="135.jpg" />
<img alt="2" src="230.jpg" />
<img alt="3" src="333.jpg" />
<img alt="4" src="427.jpg" />
<img alt="5" src="530.jpg" />
jquery这么写
$(document).ready(function(){
$("img").before("<a data-lightbox='roadtrip' href='"+$(this).attr("src")+"'>");
$("img").after(</a>");
无法实现目标：
<a data-lightbox='roadtrip' href="135.jpg"><img alt="1" src="135.jpg" /></a>
<a data-lightbox='roadtrip' href="230.jpg"><img alt="2" src="230.jpg" /></a>
<a data-lightbox='roadtrip' href="333.jpg"><img alt="3" src="333.jpg" /> </a>
<a data-lightbox='roadtrip' href="427.jpg"><img alt="4" src="427.jpg" /></a>
<a data-lightbox='roadtrip' href="530.jpg"><img alt="5" src="530.jpg" /></a>是想抓取img实现相册浏览方式，上例是想通过jquery插件实现，是否还有其他方式实现我的目标？
展开
收起
1
条回答
写回答
写回答
-
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="js/jquery-1.10.2.min.js"></script> <script src="js/lightbox-2.6.min.js"></script> <link href="css/lightbox.css" rel="stylesheet" /> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("img").each(function(){ $(this).wrap(function(){ return "<a data-lightbox=\"roadtrip\" href=\""+$(this).attr("src")+"\">"; }); $("button").click(function(){ $("img:first").click(); }); }); }); </script> </head> <body> <p><button >test</button></p> <div class="r3"> <img class="alignleft size-full wp-image-1796" alt="1" src="135.jpg" width="696" height="891" /> <img class="alignleft size-full wp-image-1797" alt="2" src="230.jpg" width="696" height="1015" /> <img class="alignleft size-full wp-image-1798" alt="3" src="333.jpg" width="696" height="981" /> <img class="alignleft size-full wp-image-1799" alt="4" src="427.jpg" width="696" height="1013" /> <img class="alignleft size-full wp-image-1800" alt="5" src="530.jpg" width="696" height="984" /> </div> </body> </html>2019-07-17 19:54:18赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
热门讨论
热门文章
怎么查看registry.aliyuncs.com/google_containers都有哪些镜像
9210
docker login报错Error response from daemon: Filtered
416
registry.aliyuncs.com/google_containers这个镜像仓库都有啥镜像
2358
阿里云发布的全球首个容器计算服务ACS，和已有的ASK有什么区别
1442
nacos重启报错，且启动端口不是配置文件中设置的。但用docker挂载data启动又是正常的,求解
350
你是怎么使用K8s的？
5998
容器服务ACK的k8s的出口IP地址在哪里看来着？
670
容器镜像服务ACR这个官方的镜像可以免费下载吗？
282
阿里云的容器服务Kubernetes是怎么收费的？
2102
ACE tomcat 容器启动错误 No appenders are available for AsyncAppender Async
14981
展开全部
