a标签里有img,如何用jquery方法自动给a标签加rel="lightbox"
如题，我用了一个lightbox插件，现在往wordpress上传图片后，希望用户访问时，自动给a标签加rel=“lightbox”
不知道用jquery该怎么写？
目前只找到一些线索$(".post-content a:has(img)").lightBox();
但我用的是【slimbox2】，参考地址：http://www.digitalia.be/software/slimbox2
所以lightBox()对我来说没有用。所以请教高手该怎么改，才可以实现标题所说的东西。
我刚刚试了下
<html>
<head>
<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".post a:has(img)").attr({'rel':'lightbox'});
});
</script>
</head>
<body>
<div class="post">
<a href="#" rel="aa"><img src="/i/eg_smile.gif" /></a>
</div>
</body>
</html>这段代码在w3chool里面，点击提交按钮后，可以把aa替换成lightbox,但是在自己的电脑上刷新。。。竟然不会把aa替换成lightbox
该怎么办呢？只成功了一半。
多谢帮助，我刚才终于明白不变化的原因了。我之前一直用查看源代码去看aa的变化，可是一直没变化，但是用F12去看的话，aa竟然已经发生改变了。真是神奇。
写回答
-
社区爱好者，专为云栖社区服务！$('.post a').attr('rel', 'lightbox');理论上jQuery在页面DOM树加载完成以后会立刻修改DOM树，点击事件在此事件之后，点击的时候会重新遍历DOM树，应该不会出现你描述的问题。你可以再仔细看看lightbox的文档，是否在DOM数刚载入完全就把符合要求节点都存下来了；如果是这样的话应该也会提供方法刷新这些节点。
2019-07-17 19:13:47赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
