Ir para conteúdo

POWERED BY:

Arquivado

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

vanessa_souza

Fechar Div -

Por , em Javascript

Recommended Posts

vanessa_souza    0

vanessa_souza
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

vanessa_souza    0

vanessa_souza
Postado

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

 

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

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