Ir para conteúdo

POWERED BY:

Arquivado

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

kessiag

javascript + jquery

Recommended Posts

Alguém pode me explicar como funciona o parâmetro .next() do jquery?

 

Estou tentando utilizá-lo em uma tabela, mas ele não consegue reconhecer quem é o próximo.

Obrigada.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Alguém pode me explicar como funciona o parâmetro .next() do jquery?

 

Estou tentando utilizá-lo em uma tabela, mas ele não consegue reconhecer quem é o próximo.

Obrigada.

 

pode postar seu fonte para podermos ajudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

$('table.menu tr td a').hover(

function() {

$(this).next("td.menu_item a").addClass("menu-hover");

});

 

Este é o código. Quando dou um alert no next, ele retorna [Object, object]; não consegue saber quem é o próximo.

 

Me ajudem por favor...

Obrigada.

Compartilhar este post


Link para o post
Compartilhar em outros sites

um momento: tu passa o rato em cima do link, certo?

agora pensa comigo: se tu estás em uma table.menu tr td a, qual é o próximo cara dentro da tag a?

 

porque tu está adicionando a classe menu-hover no link da td, creio que não seja preciso usar um next, tanto que esse next seria para próximo elemento dentro da coleção.

 

por que tu não faz assim?

 

$('table.menu tr td a').hover( function() {
      $(this).addClass("menu-hover");
});

ou tu quer adicionar o efeito na próxima td?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Quanto 'tu' hein wills? heuhae

 

kessiag,

O que o wills disse também é válido e bem simples.

$("table.menu a").hover(function(){ $(this).addClass("menu-hover"); });

Há alguma razão para não fazer isso no CSS (Talvez deficiências do código)?

No css ficaria da seguinte maneira:

// NO HTML
<table class="menu"><tr><td><a href="#">Link</a></td></tr></table>
// NO CSS
.menu a {
   /* aqui voce coloca o estilo do link em seu estado normal */
   color:#000;
   text-decoration:none;
}
.menu a:hover {
   /* aqui voce substitui a necessidade do JS, em aplicar uma class chamada 'menu-hover' quando ocorre o hover.
    * cole aqui o conteudo da class menu-hover */
   color:#AAA;
   text-decoration:underline;
   font-weight:bold;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

rs... só um pouco zrod...

 

mas é verdade, tu poderia matar isto no css, a menos que o efeito dela seja dinâmico havendo os efeitos na mesma tela.

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.