Obtener el valor de un elemento dentro de un conjunto de elementos en MooTools 1.3
Algunas veces surge la necesidad de obtener un valor de un determinado elemento dentro de una serie de elementos del mismo tipo o clase; en este caso pondremos como ejemplo una serie de enlaces HTML en el cuál queremos saber que valor representa el que se la hecho un evento Click.
En este caso lo haré con Mootools.
Bueno dejo aquí una pequeña explicación de como es su funcionamiento.
Primero agregamos los enlaces que vamos a necesitar, no importa la cantidad.
Una ves agregado los enlaces procedemos al escribir el código JavaScript de Mootools
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
window.addEvent('domready', function () { //Esta función se encarga de recorrer todos los enlaces de la misma clase $$('.enlaces').each(function(el) { // agrega el evento click a cada elemento encontrado el.addEvent('click', function(e) { //Cancela cualquier evento que tenia por default el enlace e = new Event(e).stop(); // Seleccionamos que etiqueta del enlace queremos recuperar en este caso la etiqueta rel // igualmente puede ser cualquier otra etiqueta: title, href ... //Guardamos el valor recuperado en una variable var valor = el.get('rel'); alert(valor); //Mostrar su valor //De aquí en adelante puedes definir todas las acciones que quieres que se lleven a cabo. }); }); }); |
Aqui dejo en enlace para que puedan descargar el ejemplo, completo y funcionando: Descargar Ejemplo completo