Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

maicon_m

Jquery para menus

Recommended Posts

Buenas.

 

Estou fazendo um menu que tem submenus em lista tipo assim:

 

Menu Principal

item

item

item

item

item

item

item

 

E vai embora. Bastante submenus. E eles apontam para uma mesma url apenas modificando o final delas:

 

pagina.php?item=itemdomenu

 

O que eu penso em fazer. Utilizando JQuery, um script que adicione link aos submenus que transforme:

 

<li>item</li>

em

 

<li><a href="pagina.php?item=itemdomenu>item</a></li>

eu sei selecionar a lista e q o script pode começar assim:

 

$(function(){

   $('ul li').

})
a questão é o que vem depois desse ponto o.O

Compartilhar este post


Link para o post
Compartilhar em outros sites

$(function(){
 $('ul li').each(function(){
   var $self = $(this);
   var t = $self.text();
   // zera conteudo
   $self.empty();
   var a = document.createElement('a');
   $(a).attr('href','pagina.php?item'+t).text(t).appendTo($self);
 });
});

Testa lá!

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Simplesmente Perfeito JuniorR!!

 

Estou estudando JQuery, mas nem perto de conseguir um código desses, achei que tinha each() no meio mas não conhecia ainda a propriedade text().

 

Fiz alguns testes com addClass() e attr() mas não consegui adicionar uma classe a esse link criado pelo código. Você poderia me indicar um caminho.

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

a notícia boa é que eu testei quase isso, eu fiz:

 

$(a).attr('href','pagina.php?item'+t).text(t).addClass('minhaclasse').appendTo($self);

A ruim é que nenhuma surtiu efeito. Devo ter feito algo errado.... Mas já ajeitei tudo com o css.

 

Obrigado novamente.

Compartilhar este post


Link para o post
Compartilhar em outros sites

tente fazer separado para poder encontrar o possível erro! É melhor!

 

$(a).attr('href','pagina.php?item'+t);
$(a).addClass('minhaclasse');
$(a).text(t); //talvez trocar isso por $(a).html(t);
$(a).appendTo($self);

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.