我习惯于
jquery,但需要在这个项目中使用Prototype框架.我有一个图像列表(jpg,png和gif),其中一些是与< a>的链接.标签.我只需要为那些< a>添加一个rel属性.与jpg,gif和png直接链接的标记.除了以.jpg,.png或.gif结尾之外,href没有类似的风格.我可以将rel添加到具有特定href的单个链接,但我无法弄清楚如何选择所有这些链接.需要操作的链接示例:
<a href="images/01.jpg"><img src="images/01.jpg" width="500" /></a> <br> <a href="http://www.example.com/"><img src="images/02.jpg" width="500"></a> <br> <a href="images/03.png"><img src="images/03.png" width="500" /></a> <br> <img src="images/04.jpg" width="500"> <br>
并且期望的结果:
<a href="images/01.jpg" rel="whatever"><img src="images/01.jpg" width="500" /></a> <br> <a href="http://www.example.com/"><img src="images/02.jpg" width="500"></a> <br> <a href="images/03.png" rel="whatever"><img src="images/03.png" width="500" /></a> <br> <img src="images/04.jpg" width="500"> <br>
我想最终的代码看起来像:
<script type="text/javascript"> Event.observe(window,'load',function() { $$('a[href="*.jpg","*.png"]').each(function(link){ link.writeAttribute('rel','whatever'); }); }); </script>
但我不能让通配符(*)正常工作.如何在原型中使用通配符?
解决方法
Prototype不支持使用这样的通配符,但它允许使用$=
attribute selector匹配值的结尾.
$$('a[href$=.jpg],a[href$=.png],a[href$=.gif]').each(function(link){
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。