Publicado em 6 de fev.

Pegar o elemento "pai"

Seguinte, teria uma forma mais simples de resgatar o id do elemento pai de um bloco ao invés de ficar setando diversos "parent"? No exemplo abaixo preciso pegar o id da primeira div ao clicar no link "adicionar".

<div id="item-1" class="cardapio_item">
 <div class="cardapio_nome">Teste</div>
 <div class="cardapio_ingredientes">Teste</div>
 <div class="cardapio_opcoes">
 <div class="detalhamento">
 Quantidade<br />
 <input name="quantidade[salgada][1]" type="text" maxlength="2" class="quantidade" />
 </div>
 <div class="detalhamento">
 Ind.<br />
 <input name="tamanho[salgada][1]" type="radio" value="pizza-individual" class="tamanho" />
 </div>
 <div class="detalhamento">
 Méd.<br />
 <input name="tamanho[salgada][1]" type="radio" value="pizza-media" class="tamanho" />
 </div>
 <div class="but_adicionar"><a href="#">adicionar</a></div>
 <div class="but_adicionado hide"><a href="#">adicionado</a></div>
 </div>
</div>

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Snowden· 6 de fev.

pegar o ID dessa div ?

<div id="item-1" class="cardapio_item">
se for...

$('.but_adicionar').click(function(){
	alert( $('.cardapio_item').attr('id') ); // <- exibe o ID
});

nesse caso da certo se a class for sempre fixa, mesmo o ID podendo variar, "item-2, item-3, item-4..."

OPS...

malz.. man, analisando com mais calma, pude notar que a lógica acima ta errada

se você tem vários "item-"...

// ITEM 1

<div id="item-1" class="cardapio_item">
...
<div class="but_adicionar"><a href="#">adicionar</a></div>
</div>

// ITEM 2

<div id="item-2" class="cardapio_item">
...
<div class="but_adicionar"><a href="#">adicionar</a></div>
</div>

// ITEM 3

<div id="item-3" class="cardapio_item">
...
<div class="but_adicionar"><a href="#">adicionar</a></div>
</div>

Porém... a CLASS "cardapio_item" for sempre fixa, mesmo o ID podendo variar

para pegar o ID do qual o link "adicionar" está dentro é assim.

$('.but_adicionar').click(function(){
 // Exibe o ID da DIV do qual o link ADICIONAR esta dentro
	alert( $(this).closest('div.cardapio_item').attr('id') );
});

Lucas Guima· 6 de fev.

Eu não sabia, mas por causa da sua dúvida fui pesquisar e achei a função .parents().

Exemplo: http://jsfiddle.net/mHSRh/

Hugo, da maneira que postou ele vai buscar todas os itens, pelo que entendi do código, ele quer só o pai do link.

Snowden· 6 de fev.

>
Eu não sabia, mas por causa da sua dúvida fui pesquisar e achei a função .parents().

Exemplo: http://jsfiddle.net/mHSRh/

Hugo, da maneira que postou ele vai buscar todas os itens, pelo que entendi do código, ele quer só o pai do link.

Sim man, corrigi :thumbsup: