Jump to content
andreeeeeeeeeee

[Resolvido] Pegar o id do elemento clicado com JQuery

Recommended Posts

Olá,

 

estou com uma dúvida(talvez besta) sobre Jquery, que basicamente é:

"Quero pegar a id do objeto clicado."

 

Explicando melhor:

 

Tenho várias 'divs' na página cada uma com um id diferente.

Em cada 'div' que clicar, retorna o 'id' da mesma(em um alert, por exemplo).

 

<div id='janela'> janela </div>
<div id='porta'> porta </div>
<div id='parede'> parede </div>

 

Pode parecer super simples e besta, mas é pra outro proposito, que vou explicar também:

 

Quero criar um menu, que ao clicar em uma div com determinado id, uma outra div escondida irá aparecer( slideUp() e slideDown() )!

 

Se existirem 10 itens no menu, terei que criar 10 funções para cada item?

como faço para que cada item passe seu proprio id para o código em Jquery?

 

 

espero que alguém possa ajudar.

obrigado

Share this post


Link to post
Share on other sites

Existe o atributo .id que você pode acessar com Javascript.

E existe o método jQuery para isso: .attr('id')

 

Apenas para ilustrar:

<div id="janela" onclick="alert( this.id )"> janela </div>
<div id="porta" onclick="alert( this.id )"> porta </div>
<div id="parede" onclick="alert( this.id )"> parede </div>

Share this post


Link to post
Share on other sites

andreeeee,

 

Você não precisa fazer 10 vezes caso você tenha 10 divs. Se você agrupar suas divs dentro de uma outra div:

 

<div id='casa'>
    <div id='janela'> janela </div>
    <div id='porta'> porta </div>
    <div id='parede'> parede </div>
</div>

você pode fazer de uma só vez:

 

$(function(){
    $('#casa div').click(function(){
        var id = $(this).attr('id');
        alert(id);
    });
});

Isso aí, espero que ajude.

 

Abs...

Flávio

http://javascript.singuska.com/

Share this post


Link to post
Share on other sites

não sei se serviu para o amigo que criou o tópico mas pra min foi muito útil... hehee

 

você pode até criar atributos com o nome que quiser e chamar $(this).attr('qualquer_atributo'); que funciona perfeitamente...

 

vlw tt... :thumbsup:

Share this post


Link to post
Share on other sites

gostaria de inserir o id de um span no src de uma imagem

o codigo abaixo nao esta funcionando, nao sei exatamente q codigo por

$('img#mapa').attr("src", "imagens/" + 'span.id');

alguma sugestao?

opa, ja deu certo aqui. obrigado de qlqr forma

ficou assim

$('img#mapa').attr("src", "imagens/" + $(this).attr('id') + ".jpg");

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.