each
Manipulate individual elements selected with each().
by andfinally
HTML
<ul>
<li><a title="Link 1">Link</a></li>
<li><a title="Link 2">Another</a></li>
<li><a title="Linke 3">A Third</a></li>
</ul>
CSS
a
{
display: block;
width: 120px;
margin: 10px;
padding: 10px;
border: 1px solid #ccc;
background: #eee;
color: #333;
opacity: 0;
}
JavaScript
// each() returns each matching item, so you can work on them individually
// also returns the index number of each in a second argument
$$('li a').each(function(link) {
link.addEvent('click', function(e) {
alert(this.title);
});
link.fade('in');
});