Jquery avancé passage de variablse

Bonjour,

J'ai un soucis avec un script
J'ai une liste d'item dynamique
J'ai un script existant pour generation d'un lien popup fonction sur des id
Le probleme est que pour adapter ce script vu que ce sont des items dynamiques je voudrais creer une interaction en fonction d'une class plutot que de l'id sans succes

Ci joint la portion de code :

if(document.id('btnLogin') || document.id('btnRegister') || document.id('btnCart') || document.id('dtb')) {

if(document.id('dtb')) {
			popup_product = document.id('gkPopupproduct');
			popup_product.setStyle('display', 'block');
			popup_product_h = popup_product.getElement('.gkPopupWrap').getSize().y + 8;
			popup_product_fx = new Fx.Morph(popup_product, {duration:200, transition: Fx.Transitions.Circ.easeInOut}).set({'opacity': 0, 'height': 0, 'margin-top':0}); 
			document.id('dtb').addEvent('click', function(e) {
				new Event(e).stop();
				popup_overlay_fx.start(0.45);
				popup_product_fx.start({'opacity':1, 'margin-top': -popup_product_h / 2, 'height': popup_product_h});
				opened_popup = 'product';
			});
		}

j'ai essayé de remplacer document.id('dtb') par document.$('.dtb') pour selectionner la class mais sans succes

Par ailleurs mes liens dynamiques sont de la forme

a href="#" class="dtb" id="'.$idproduct.'">détail</a>

Je fais comment pour passer ma velaur idproduct dans le script ?

Merci d'avance