Ir para conteúdo

POWERED BY:

Arquivado

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

Ronaldo Bitencourt

[Resolvido] Em que elemento eu estou? [jQuery]

Por , em Javascript

Recommended Posts

Ronaldo Bitencourt    0

Ronaldo Bitencourt
Postado

Olá pessoal tudo jóia?

 

Seguinte estou precisando de uma ajuda com jQuery, vou exemplificar uma situação e logo descrevo qual o meu problema, vamos lá:

 

[ O EXEMPLO ]

 

Com esse código:

$("td:eq(2)").css("color", "red");

 

PRA QUEM QUISER TESTAR AI ESTA O CODE BASTA EXECUTAR EM UM ARQUIVOS HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>

 

<script>

$(document).ready(function(){

$("td:eq(2)").css("color", "red");

});

</script>

 

</head>

<body>

<table border="1">

<tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>

<tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>

<tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>

</table>

</body>

</html>

 

 

Estamos selecionando todos os elementos <td> do meu documento e mudo para vermelho a cor do 3º elemento <td> APENAS, ou seja o elemento <td> correspondente ao índice [2], pois os índices começam do zero(0), certo!

 

[ O PROBLEMA ]

 

Agora digamos que eu queira saber qual o número do índice que eu passei o mouse por cima por exemplo:

 

Se eu passei o mouse por cima do 5º <td> quero que ele retorne pra mim o valor [6] que é o índice correspondente ao 5º <td>.

 

[ A SOLUÇÃO ]

 

Espero que me ajudem a preencher esta parte http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

 

 

 

 

 

 

Tentei ser o mais claro e didático tanto na dúvida quanto no exemplo.

 

 

Assim que estiver com a resposta eu posto aqui um exemplo do código.

 

Agradeço a todos.

http://forum.imasters.com.br/public/style_emoticons/default/yay.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ronaldo Bitencourt    0

Ronaldo Bitencourt
Postado 

$(document).ready(function(){
   var $td = $("td")
   $td.eq(2).css("color", "red").end().mouseover(function(){
	  alert($td.index(this))
   });
});

http://docs.jquery.com/Core/index#subject

 

 

Valeu meu velho!!!

 

Era isso mesmo que eu precisava! Bom creio que nem preciso colocar a resolução porque você mesmo já fez.

 

Mais uma vez obrigado! http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito