Passar Id de um Div como parâmetro para função Jquery

12 de setembro de 2012 4 respostas

aendereng 12 de setembro de 2012

Pessoal tudo bem ? Estou começando no Jquery e me deparei com uma dúvida até ridícula mas não sei como resolver.
Gostaria de passar um parâmetro para uma função Jquery no campo $() , mais especificamente necessito passar a Id de um Div.Mas porque não colocar o id no campo diretamente ? vou explicar, essa função ira executar a mesma operação porém em div’s de ids diferentes, quando o usuário clicar em um Link específico, então nessse momento tenho que passar a Id do Div para a função executar a operação nesse Div específico e assim por diante com os outros Divs de ids diferentes.
Acho que o mais adequado seria criar uma outra função só para receber o Id dos Divs e depois passar esse id para a outra função Jquery

O código que vai receber o Id do Div é esse :

<script>
  $(document).ready(function() {
    //load the current height
    get_div_height();
    //function to get current div_1 height
    function get_div_height(){
        var div_height = $("#id_do_div").height();
        $("#result").html("div height is: " + div_height + " px");
    }
});

</script>

Valeu pessoal.

4 Respostas

windsofhell 13 de set. de 2012

Ola,

talvez algo desse tipo:

<html>
	<head>
		
		<title>test jquery</title>
		
		<script type="text/javascript" src="http://code.jquery.com/jquery.min.js" ></script>

		<style>
			.main { background-color: yellow; }
			.second { background-color:red;}
			
		</style>
		
		<script type="text/javascript">
			
			$(document).ready(function() {
			
				$(".link").on("click", function() {
					var divId = this.id + "_div";					
					changeDivContent(divId, this.name);
				});
				
				function changeDivContent(id, linkname) {
					$("#"+id).html("value changed by " + linkname);
				}
				
				
			});
			
		</script>
		
	</head>

	<body>
	
			<a href="#" id="contentArea1" class="link" name="Link1">Link1</a>
			<a href="#" id="contentArea2" class="link" name="Link2">Link2</a>
			<br>
		
			<div id="contentArea1_div" class="main" >
				content1
			</div>
			<div id="contentArea2_div" class="second" >
				content2
			</div>		
			
	</body>
</html>

Exemplo rodando: http://jsfiddle.net/NcQBZ/

//Daniel

aendereng 13 de set. de 2012

windsofhell:
Ola,

talvez algo desse tipo:
//..............................................
Exemplo rodando: http://jsfiddle.net/NcQBZ/

//Daniel

windsofhell mais uma vez eu agradeço pela sua boa vontade em ajudar !!! :thumbup:
Bom, o esquema é esse mesmo ,eu dei um olhada no seu código implementei aqui e ficou blz, agora vou adaptar para meu código.Seu código faz exatamente o que eu necessito, pega a id do elemento e passa para outra função .
Isso ae Brother, muito obrigado e um grande abraço.

aendereng 13 de set. de 2012

windsofhell valeu Brother , passei só para agradecer !!!
O seu código funcionou perfeitamente e é muito massa, esse esquema vai me ajudar em uma série de outras aplicações com Jquery.
Abraço Brother :thumbup:

windsofhell 14 de set. de 2012

aendereng:
windsofhell valeu Brother , passei só para agradecer !!!
O seu código funcionou perfeitamente e é muito massa, esse esquema vai me ajudar em uma série de outras aplicações com Jquery.
Abraço Brother :thumbup:

Opa, legal que funcionou!

Fico feliz em ter ajudado!

Ate a proxima!

//Daniel

Criado 12 de setembro de 2012

Ultima resposta 14 de set. de 2012

Respostas 4

Participantes 2

4 Respostas

Topicos relacionados