Publicado em 9 de mar.

Fechar Div -

Ola a todos,

tenho uma página com várias divs, sendo que estou precisando fechar só um determinado grupo de divs, que seriam as div que os 3 primeiros caracteres de seu nome são igual.

Por exemplo, varias divs: barra, div1, div4....

Preciso apenas fechar as divs que comecam com a palavra div.

Ja tenho um script que fecha todas as divs, preciso apenas agora arrumar um jeito para fechar somente as que comecam com a palavra div.

Muito obrigada a todos.

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

William Bruno· 9 de mar.

Dá uma olhada..

<script type="text/javascript">
function esconder()

{

	var pai = document.getElementById('pai');
	var filhos = pai.getElementsByTagName('DIV');
	alert('O número total de elementos é: '+filhos.length);
	var qntos = filhos.length;

	for( var i = 0; i < qntos; i++ )
	{
 var string = filhos[i].id.substr(0,3);
 if(string == 'div') // aqui eu verifico se existe 'div' no id da div filho.
 {
 alert(filhos[i].id); // retira esse alert depois
 document.getElementById(filhos[i].id).style.display = 'none'; // só esconde as que entraram no if
 }
	}
}
</script>
<div id="pai">
	<div id="div1">
 div 1
	</div>
	<div id="div2">
 div 2
	</div>
	<div id="div3">
 div 3
	</div>
	<div id="div4">
 div 4
	</div>
	<div id="outra">
 Essa não pode esconder
	</div>
</div><!-- /pai -->

<input type="button" value="Esconder" onclick="esconder()" />Não sei bem qual é a estrutura que você está usando..

Mas a idéia, foi varrer os nós filhos de um elemento "pai", verificar se existe no id deles um pedaço da string que queremos div, e ai sim ocultar.

webmind· 9 de mar.

very easy!

let's go! LOL

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function contar(){

q=document.getElementsByTagName("div") //pega as tag div
t=q.length;// pega o n divs
for(i=0;i<t;i++){
if((q[i].id).substr(0,3)=="div"){//se os tre primeiros caracteres forem DIV
qual=q[i].id; //variavel que pega o nome da div
document.getElementById(qual).style.display="none"; // fecha a div
}

}
}

</script>
</head>

<body onload="contar()">
<div id="div1">olá eu sou a div1</div>
<div id="div2">olá eu sou a div2</div>
<div id="div3">olá eu sou a div3</div>
<div id="teste">para testar se funfa</div>
</body>
</html>

vanessa_souza· 9 de mar.

>
very easy!

let's go! LOL

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function contar(){

}
}

</script>
</head>

<body onload="contar()">
<div id="div1">olá eu sou a div1</div>
<div id="div2">olá eu sou a div2</div>
<div id="div3">olá eu sou a div3</div>
<div id="teste">para testar se funfa</div>
</body>
</html>

Vlw mesmo, era essa parada que estou precisando, vou fazer uns testes aqui, vlw a todos