addEvent für mehrere Links?

[Konsumkind]

Hallo,
ich setze mich gerade etwas mit JS und Mootools auseinander und stehe vor einem Problem. Ich habe ein AJAX-Request der soweit auch funktioniert.

JS

		window.addEvent("domready",function()
		{					
			var roar = new Roar({position: 'upperRight'});
			
			$('ajaxreq').addEvent('click', function(event) { 
    			event.stop(); 
				var req = new Request.HTML({ 
     				method: 'get', 
					url: $('ajaxreq').get('href'),  
      				onRequest: function() { 
      					//roar.alert('Benachrichtigung','Anfrage gesendet.');
      				}, 
      				update: $('msgbox'), 
					onComplete: function(response) { 
						roar.alert('Benachrichtigung','Anfrage erfolreich ausgeführt.');	
					} 
				}).send(); 
  			}); 
			
		});

HTML

<p><a href="ergebnis.php" id="ajaxreq">AJAX & GROWL</a></p>	
	<div id="msgbox">Brrrb</div>

Meine Frage wäre jetzt wie ich das auf mehrere Links anwende, da IDs ja nur einmal auftauchen dürfen.

	<ul>
	<li><a href="ergebnis.php">TEST1</a></li>
	<li><a href="ergebnis2.php">TEST2</a></li>
	</ul>

So wie das jetzt ist funktioniert es ja nur mit einem einzelnen Link. Und jetzt für jeden Link das gesamte Ding neu zu bauen scheint mir ja auch etwas unsinnig. Ich weiss dass es die Möglichkeit mit each gibt, aber verstehe nicht wirklich wie ich die hier anwenden müsste. Wäre also für jeden Hinweis oder Denkanstoß dankbar.

[!duesi]

Hallo Konsumkind

Ich arbeite zwar mit Prototype, die Syntax ist jedoch ähnlich und die Logik sowieso gleich.
Innerhalb des Window Eventüberwacher habe ich folgenden Code

var allLinks = document.getElementsByClassName('a_load_prod');
	
	for (var i = 0; i < allLinks.length; i++) {
		allLinks[i].observe('click', function(event) {
			// AJAX ---
		});
	}

Du kannst ja deine Links bestimmt irgendwie auslesen (als Childs einer Elternklasse/ID). Dann durchläuft es dir jeden Link und führt die Aktion durch, falls darauf geklickt wird...

Hoffe ich konnte dir bei der Überlegung helfen?