Javascript 如何选择Prototype中图像的所有链接

我已经习惯了jquery，但是需要使用这个项目的原型框架。我有一个图像列表（jpg、png和gif），其中一些有

以及预期的结果：

<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>

事件。观察（窗口“加载”，函数（）{
$$（'a[href=“*.jpg”，“*.png”]”）。每个（函数（链接）{
writeAttribute（'rel'，'whatever'）；
});
});

---

但我无法使通配符（*）正常工作。如何在prototype中使用通配符？

prototype不支持这样使用通配符，但它允许使用

$=

匹配值的结尾

---

完美的工作完全符合我的要求。我也在胡闹~=，但现在我发现这是错的。

<script type="text/javascript">
Event.observe(window, 'load', function() {
    $$('a[href="*.jpg","*.png"]').each(function(link){

            link.writeAttribute('rel','whatever');

    });
});
</script>

$$('a[href$=.jpg], a[href$=.png], a[href$=.gif]').each(function(link){