Publicado em 13 de jan.

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

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

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

JunioR-CWB· 13 de jan.

<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>

eibon· 13 de jan.

var pai2 = pai.nextSibling;

Eddy Goulart· 14 de jan.

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

JunioR-CWB· 14 de jan.

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á