[jQuery][nth-child] Añadir nuevos elementos a un menu en bucle con array.

44 views
0

Este script lo he programado y usado para añadir nuevos elementos a un menú mediante jQuery sin alterar el código base del propio menú por si no se pudiera acceder a el y que sea de un mod o plugin , en este caso WordPress.

Para empezar he creado un array para meter los nuevos elementos y posteriormente usando un bucle each para meterlos en el menu con nth-child.

Aquí va el código:

var fa = ["Obj1", "Obj2", "Obj3", "Obj4", "Obj5", "Obj6"];
$.each(fa, function( i, val ) {
i++;
$('.nombredeclaseenmenu:nth-child('+i+') a').prepend('Mi anterior objeto y '+val+' añadido');
});

i++, se añade para empezar el contador en 1, en vez de 0, porque si no, el primer nth-child sería 0 y este no existe en css.

About author

PandaGG

Lok'tar ogar

Your email address will not be published. Required fields are marked *