Ir para conteúdo

POWERED BY:

Arquivado

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

Eddy Goulart

DOM - Elemento irmão do pai - nós

Por , em Javascript

Recommended Posts

Eddy Goulart    2

Eddy Goulart
Postado

Bom galera, to aqui penando... resolvi abrir uma área para esse meu problema, vamos la, bom.. quero pegar o elemento irmao do pai.

 

<tr>
	<td><a href="java script: void(0);" onclick="pegarProximoIrmao(this)">clique aqui</a></td>
</tr>

<tr>
	<td>Quero meu elemento pai < tr > </td>
</tr>

<script language="javascript">
	function mostraDetalhes(este){
		var pai = este.parentNode;
		var pai2 = pai.parentNode.nextSibling;		
		
		
		alert(pai2.innerHTML);
		}
</script>

Entao, acho que minha sintaxe está errada, só nao sei onde.. complicado, 1º peguei o nó pai, depois peguei o nó irmao do vô que peguei no 1º, mas nao está dando certo, help-me

Compartilhar este post

Link para o post
Compartilhar em outros sites

JunioR-CWB    0

JunioR-CWB
Postado 

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function pegarProximoIrmao(este){
   var elem  = este.parentNode.parentNode.nextSibling;
   while ( elem ) {
	  if (elem.nodeType == 1) {
		 alert(elem.innerHTML);
		 break;
	  }

	  elem = elem.nextSibling;
   }
}
</script>
</head>
<body>
<table>
<tr>
	<td><a href="java script:void(0);" onclick="pegarProximoIrmao(this)">clique aqui</a></td>
</tr>
<tr>
	<td>Quero meu elemento pai < tr > </td>
</tr>
</table>
</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Eddy Goulart    2

Eddy Goulart
Postado

Junior, boa cara, funcionou.. mas não entendi pq esse codigo funcionou e o meu não, acho q era para funcionar tbm...

se poder me dar uma mao

vlw's

Compartilhar este post

Link para o post
Compartilhar em outros sites

JunioR-CWB    0

JunioR-CWB
Postado

O elem.nextSibling encontra espaços ou quebra de linhas. Por isto teu código não funciona como o esperado. Se você escrever teu html assim:

<tr><td><a href="java script:void(0);" onclick="pegarProximoIrmao(this)">clique aqui</a></td></tr><tr><td>Quero meu elemento <tr&gt</td></tr>

vai funcionar.

 

Procure no google sobre nextSibling, tem muita informação boa lá

 

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