[Resolvido] LOOP em tag li pra saber em qual Clicou!

[rockbilly 0]

Hi everyone,

 

Tem alguma forma de criar uma função em javascript para saber que ao clicar em um objeto da tag 'li' eu pegue o nome do objeto? Eu consigo fazer isso chamando o evento teste(this.firstChild.data), mas não queria resolver isso desta forma, pois se forem vários 'lis' , eu vou ter que colocar o evento com a função em cada um deles. Gostaria de fazer por função mesmo, alguém tem alguma idéia de como fazer? O script que estou usando, segui abaixo:

 

function teste(campo)
{
alert(campo);
}

 

<ul >
	<li onclick="teste(this.firstChild.data)" > CAMPO 1</li> 
	<li >CAMPO 2</li> 
	<li >CAMPO 3</li> 
	<li >CAMPO 4</li>
</ul>

 

Obrigado a alguma ajuda!

[alcaidedigital 57]

Veja se é isso que voce quer... eu fiz em jQuery espero que não tenha problemas para você

 

<script src="http://www.visualjquery.com/jquery-1.2.6.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('#ul li').click(function(){
alert($(this).html())
  })
});

</script>

<ul id="ul">
           	<li> CAMPO 1</li> 
           	<li >CAMPO 2</li> 
           	<li >CAMPO 3</li> 
           	<li >CAMPO 4</li>
   	</ul>

[rockbilly 0]

Muito bom senartes!!!

Onde acho um material legal sobre jquery?

 

Valeu man, obrigado pela força!

[alcaidedigital 57]

Onde acho um material legal sobre jquery?

 

Tem a documentação : http://jquery.com/

E para consulta rapida eu sempre usava o visualjQuery: http://visualjquery.com/ ( o problema é qeu ele está meio desatualizado )

 

Recomendo mesmo você utlizar por base a documentação

[rockbilly 0]

Valeu Senartes! Grande Abraço!