[Resolvido] Pegar o id do elemento clicado com JQuery

[andreeeeeeeeeee 0]

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

[William Bruno 1501]

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>

[srnetcave 1]

http://jqueryui.com/demos/accordion/.

[sigmus 0]

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/

[Dárcio Gomes 10]

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:

[rafael f silva 0]

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