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

  • 0 Respuestas
  • 97 Vistas

Valarjar
Hijo de Odyn

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:

Código: jQuery
  1.         var fa = ["Obj1", "Obj2", "Obj3", "Obj4", "Obj5", "Obj6"];
  2.         $.each(fa, function( i, val ) {
  3.                 i++;
  4.                 $('.nombredeclaseenmenu:nth-child('+i+') a').prepend('Mi anterior objeto y '+val+' añadido');
  5.         });
  6.  

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.